From fbc4b6886220bacc857f1bea1cb4b3d6fa0ebe6b Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 03:16:21 -0500 Subject: [PATCH 01/42] docs: align ecosystem installation contract --- README.md | 22 +++++------------ docs/BRIDGE-MIGRATION.md | 27 +++++++++++++++++++++ docs/ECOSYSTEM.md | 4 ++-- docs/PUBLISHING.md | 6 ++--- scripts/check-ecosystem-packs.mjs | 12 +++------- tests/package-integrity.test.js | 40 ++++++++++++++++++------------- wiki/Bridge-Migration.md | 14 +++++++++++ wiki/Ecosystem-Compatibility.md | 4 ++-- wiki/Installation-and-Setup.md | 13 ++++------ 9 files changed, 85 insertions(+), 57 deletions(-) create mode 100644 docs/BRIDGE-MIGRATION.md create mode 100644 wiki/Bridge-Migration.md diff --git a/README.md b/README.md index 2b41f4a..f245ac2 100644 --- a/README.md +++ b/README.md @@ -52,9 +52,9 @@ These libraries stay standalone, but the current aligned set is: |---|---:|---| | `ui-style-kit-css@2.1.0` | published release | visual identity, color themes, UI paint, native HTML styling, content wrapping, and bridge tokens | | `interactive-surface-css@1.5.0` | published release | interaction-state primitives, surface behavior, state layers, and input affordances | -| `layout-style-css@2.1.0` | staged source target | structural wrappers, grids, sections, app shells, and layout recipes | +| `layout-style-css@3.0.0` | published release | structural wrappers, grids, sections, app shells, and layout recipes | -UI Style Kit `2.1.0` and Interactive Surface `1.5.0` are released companion packages for this upgrade path. Layout Style `2.1.0` remains a staged source target until its separate release approval completes. +UI Style Kit `2.1.0`, Interactive Surface `1.5.0`, and Layout Style `3.0.0` are released companion packages for this integration contract. Use one, two, or all three depending on the project. UI Style Kit does not require the sibling libraries, and the optional bridge only maps shared `--usk-*` roles into Interactive Surface tokens when consumers import it. @@ -126,26 +126,16 @@ Use the full bundle when users need to switch `data-ui` systems at runtime: import "ui-style-kit-css/dist/ui-style-kit.css"; ``` -For the canonical state-only integration, import visual paint, the token-only theme bridge, and Interactive Surface state mechanics as separate ownership layers: +For the canonical all-three integration, import visual paint, the token-only theme bridge, Interactive Surface state mechanics, and Layout structure in this order: ```js -import "ui-style-kit-css/visual/minimal-saas.css"; +import "ui-style-kit-css/visual.css"; import "ui-style-kit-css/interactive-surface-theme.css"; import "interactive-surface-css/state-core.css"; +import "layout-style-css"; ``` -The older stateful bridge and combined bundle remain available for compatibility, but they are deprecated and have not been redirected to the token-only behavior: - -```js -import "ui-style-kit-css/with-bridge.css"; -``` - -Or import the bridge by itself when you are using a single style file: - -```js -import "ui-style-kit-css/minimal-saas.css"; -import "ui-style-kit-css/interactive-surface-bridge"; -``` +The older stateful bridge and combined bundle remain public, deprecated compatibility paths. See the [bridge migration guide](docs/BRIDGE-MIGRATION.md) when upgrading an existing v2 integration. The default and visual-only bundles do **not** include either bridge. That keeps UI paint independent and prevents accidental duplicate bridge imports. diff --git a/docs/BRIDGE-MIGRATION.md b/docs/BRIDGE-MIGRATION.md new file mode 100644 index 0000000..607212f --- /dev/null +++ b/docs/BRIDGE-MIGRATION.md @@ -0,0 +1,27 @@ +# Deprecated Interactive Surface Bridge Migration + +The canonical integration for new applications is `ui-style-kit-css/visual.css`, `ui-style-kit-css/interactive-surface-theme.css`, `interactive-surface-css/state-core.css`, and `layout-style-css` in that order. + +`interactive-surface-bridge` and `with-bridge` remain public v2 compatibility exports. They are deprecated because they include stateful bridge behavior that is no longer part of the canonical token-and-paint boundary. They are retained unchanged in v2 and will not be redirected to the token-only bridge. + +## Retained deprecated imports + +Existing integrations may continue to use either exported stateful path while scheduling their migration: + +```js +import "ui-style-kit-css/interactive-surface-bridge"; +``` + +```js +import "ui-style-kit-css/interactive-surface-bridge.css"; +``` + +```js +import "ui-style-kit-css/with-bridge"; +``` + +```js +import "ui-style-kit-css/with-bridge.css"; +``` + +Do not combine a deprecated bridge import with `interactive-surface-theme.css`; select the legacy stateful path during migration or the canonical token-only path for new integration work. diff --git a/docs/ECOSYSTEM.md b/docs/ECOSYSTEM.md index 97ba559..a38a06a 100644 --- a/docs/ECOSYSTEM.md +++ b/docs/ECOSYSTEM.md @@ -8,9 +8,9 @@ UI Style Kit CSS is the visual layer in the three-library CSS ecosystem. It can |---|---:|---| | `ui-style-kit-css@2.1.0` | published release | visual identity, color themes, UI paint, native HTML styling, content wrapping, and bridge tokens | | `interactive-surface-css@1.5.0` | published release | interaction-state primitives, surface behavior, state layers, and input affordances | -| `layout-style-css@2.1.0` | staged source target | structural wrappers, grids, sections, app shells, and layout recipes | +| `layout-style-css@3.0.0` | published release | structural wrappers, grids, sections, app shells, and layout recipes | -UI Style Kit `2.1.0` and Interactive Surface `1.5.0` are released companion packages for this upgrade path. Layout Style `2.1.0` remains a staged source target until its separate release approval completes. +UI Style Kit `2.1.0`, Interactive Surface `1.5.0`, and Layout Style `3.0.0` are released companion packages for this integration contract. ## Adoption Paths diff --git a/docs/PUBLISHING.md b/docs/PUBLISHING.md index 66b0963..9e75a84 100644 --- a/docs/PUBLISHING.md +++ b/docs/PUBLISHING.md @@ -25,13 +25,13 @@ For this ecosystem upgrade, use the approval-gated rollout order below: 1. Release `ui-style-kit-css@2.0.4` as the correctness hotfix from the merged hotfix content on `origin/main`. The 2.0.4 hotfix release line must pass `npm run release:verify` before any tag or publish step. 2. Confirm the already published `interactive-surface-css@1.5.0` companion state engine remains available from npm. 3. Release `ui-style-kit-css@2.1.0` after the hotfix is live. -4. Release `layout-style-css@2.1.0` after UI Style Kit 2.1 is live and Layout replaces its temporary GitHub UI fixture with the registry package. +4. Confirm the published `layout-style-css@3.0.0` companion remains available for the v3 structural contract. 5. Run the final all-three packed compatibility suite against the published packages. -After `layout-style-css@2.1.0` is published, run the final registry-only ecosystem proof from this repository: +Run the final registry-only ecosystem proof from this repository: ```bash -npm run check:ecosystem:packs -- --ui-spec ui-style-kit-css@2.1.0 --layout-spec layout-style-css@2.1.0 --interactive-spec interactive-surface-css@1.5.0 +npm run check:ecosystem:packs -- --ui-spec ui-style-kit-css@2.1.0 --layout-spec layout-style-css@3.0.0 --interactive-spec interactive-surface-css@1.5.0 ``` ```bash diff --git a/scripts/check-ecosystem-packs.mjs b/scripts/check-ecosystem-packs.mjs index 324c34c..b3dee0f 100644 --- a/scripts/check-ecosystem-packs.mjs +++ b/scripts/check-ecosystem-packs.mjs @@ -59,9 +59,7 @@ const layoutEntrypoints = [ 'layout-style-css/utilities.css', 'layout-style-css/personalities.css', 'layout-style-css/personalities/minimal-saas.css', - 'layout-style-css/personalities/bento.css', - 'layout-style-css/integrations/ui-style-kit.css', - 'layout-style-css/legacy.css' + 'layout-style-css/personalities/bento.css' ]; const interactiveEntrypoints = [ @@ -92,9 +90,7 @@ const pairedScenarios = [ entrypoints: [ 'ui-style-kit-css/visual.css', 'layout-style-css', - 'layout-style-css/integrations/ui-style-kit.css', - 'ui-style-kit-css', - 'ui-style-kit-css/with-bridge.css' + 'ui-style-kit-css' ] }, { @@ -117,7 +113,6 @@ const allThreeEntrypoints = [ 'ui-style-kit-css', 'ui-style-kit-css/with-bridge.css', 'ui-style-kit-css/interactive-surface-bridge.css', - 'layout-style-css/integrations/ui-style-kit.css', 'interactive-surface-css/interactive-surface.css', 'ui-style-kit-css/manifest.json' ]; @@ -375,8 +370,7 @@ async function runBrowserSmoke(scenarioDir) { 'ui-style-kit-css/with-bridge.css', 'ui-style-kit-css/interactive-surface-bridge.css', 'interactive-surface-css/interactive-surface.css', - 'layout-style-css', - 'layout-style-css/integrations/ui-style-kit.css' + 'layout-style-css' ] }; diff --git a/tests/package-integrity.test.js b/tests/package-integrity.test.js index db998d5..fe44705 100644 --- a/tests/package-integrity.test.js +++ b/tests/package-integrity.test.js @@ -276,9 +276,8 @@ test('README documents the 2.1 library system and theme override flow', () => { assert.match(readme, /Ecosystem compatibility/); assert.match(readme, /ui-style-kit-css@2\.1\.0/); assert.match(readme, /interactive-surface-css@1\.5\.0/); - assert.match(readme, /layout-style-css@2\.1\.0/); - assert.match(readme, /UI Style Kit `2\.1\.0` and Interactive Surface `1\.5\.0` are released companion packages/); - assert.match(readme, /Layout Style `2\.1\.0` remains a staged source target/); + assert.match(readme, /layout-style-css@3\.0\.0/); + assert.match(readme, /UI Style Kit `2\.1\.0`, Interactive Surface `1\.5\.0`, and Layout Style `3\.0\.0` are released companion packages/); assert.match(readme, /ui-style-kit-css\/visual\.css/); assert.match(readme, /ui-style-kit-css\/manifest\.json/); assert.match(readme, /interactive-surface-theme\.css/); @@ -338,7 +337,7 @@ test('ecosystem compatibility guidance is packaged and linked from public docs', for (const contents of [ecosystemDoc, ecosystemWiki]) { assert.match(contents, /ui-style-kit-css@2\.1\.0/); assert.match(contents, /interactive-surface-css@1\.5\.0/); - assert.match(contents, /layout-style-css@2\.1\.0/); + assert.match(contents, /layout-style-css@3\.0\.0/); assert.match(contents, /Use one/); assert.match(contents, /Use two/); assert.match(contents, /Use all three/); @@ -351,6 +350,22 @@ test('ecosystem compatibility guidance is packaged and linked from public docs', } }); +test('deprecated bridge migration guidance preserves the retained public exports', () => { + const migrationGuide = fs.readFileSync(path.join(rootDir, 'docs', 'BRIDGE-MIGRATION.md'), 'utf8'); + + assert.match(migrationGuide, /deprecated/i); + for (const exportPath of [ + 'ui-style-kit-css/interactive-surface-bridge', + 'ui-style-kit-css/interactive-surface-bridge.css', + 'ui-style-kit-css/with-bridge', + 'ui-style-kit-css/with-bridge.css' + ]) { + const packageExport = `./${exportPath.slice('ui-style-kit-css/'.length)}`; + assert.ok(packageJson.exports[packageExport], `${exportPath} must remain a public compatibility export`); + assert.match(migrationGuide, new RegExp(escapeRegExp(exportPath))); + } +}); + test('canonical ecosystem examples preserve ownership-first import order', () => { const readme = fs.readFileSync(path.join(rootDir, 'README.md'), 'utf8'); const installationWiki = fs.readFileSync(path.join(rootDir, 'wiki', 'Installation-and-Setup.md'), 'utf8'); @@ -358,11 +373,6 @@ test('canonical ecosystem examples preserve ownership-first import order', () => fs.readFileSync(path.join(rootDir, 'docs', 'ECOSYSTEM.md'), 'utf8'), fs.readFileSync(path.join(rootDir, 'wiki', 'Ecosystem-Compatibility.md'), 'utf8') ]; - const visualThemeState = [ - 'import "ui-style-kit-css/visual/minimal-saas.css";', - 'import "ui-style-kit-css/interactive-surface-theme.css";', - 'import "interactive-surface-css/state-core.css";' - ].join('\n'); const visualThemeStateLayout = [ 'import "ui-style-kit-css/visual.css";', 'import "ui-style-kit-css/interactive-surface-theme.css";', @@ -371,14 +381,12 @@ test('canonical ecosystem examples preserve ownership-first import order', () => ].join('\n'); const exactJsBlock = (imports) => new RegExp(escapeRegExp(`\`\`\`js\n${imports}\n\`\`\``)); - assert.match(readme, exactJsBlock(visualThemeState)); - assert.match(installationWiki, exactJsBlock(visualThemeState)); + assert.match(readme, exactJsBlock(visualThemeStateLayout)); + assert.match(installationWiki, exactJsBlock(visualThemeStateLayout)); for (const contents of ecosystemGuides) { - assert.match(contents, exactJsBlock(visualThemeState)); assert.match(contents, exactJsBlock(visualThemeStateLayout)); - assert.match(contents, /UI Style Kit `2\.1\.0` and Interactive Surface `1\.5\.0` are released companion packages/); - assert.match(contents, /Layout Style `2\.1\.0` remains a staged source target/); + assert.match(contents, /UI Style Kit `2\.1\.0`, Interactive Surface `1\.5\.0`, and Layout Style `3\.0\.0` are released companion packages/); } }); @@ -453,7 +461,7 @@ test('publishing docs expose the packed ecosystem compatibility gate', () => { assert.match(publishingGuide, /npm run check:ecosystem:packs/); assert.match(publishingGuide, /standalone, pairwise, and all-three packed package compatibility/i); assert.match(publishingGuide, /--ui-spec ui-style-kit-css@2\.1\.0/); - assert.match(publishingGuide, /--layout-spec layout-style-css@2\.1\.0/); + assert.match(publishingGuide, /--layout-spec layout-style-css@3\.0\.0/); assert.match(publishingGuide, /--interactive-spec interactive-surface-css@1\.5\.0/); }); @@ -463,7 +471,7 @@ test('publishing docs preserve the approval-gated ecosystem rollout order', () = 'ui-style-kit-css@2.0.4', 'interactive-surface-css@1.5.0', 'ui-style-kit-css@2.1.0', - 'layout-style-css@2.1.0' + 'layout-style-css@3.0.0' ]; let cursor = -1; diff --git a/wiki/Bridge-Migration.md b/wiki/Bridge-Migration.md new file mode 100644 index 0000000..fb44303 --- /dev/null +++ b/wiki/Bridge-Migration.md @@ -0,0 +1,14 @@ +# Deprecated Interactive Surface Bridge Migration + +The current all-three integration imports `ui-style-kit-css/visual.css`, `ui-style-kit-css/interactive-surface-theme.css`, `interactive-surface-css/state-core.css`, and `layout-style-css` in that order. + +The following public v2 exports remain available only for migration of existing stateful integrations. They are deprecated and retain their current behavior: + +```js +import "ui-style-kit-css/interactive-surface-bridge"; +import "ui-style-kit-css/interactive-surface-bridge.css"; +import "ui-style-kit-css/with-bridge"; +import "ui-style-kit-css/with-bridge.css"; +``` + +Do not combine these deprecated imports with `interactive-surface-theme.css`. diff --git a/wiki/Ecosystem-Compatibility.md b/wiki/Ecosystem-Compatibility.md index 0906503..904c65a 100644 --- a/wiki/Ecosystem-Compatibility.md +++ b/wiki/Ecosystem-Compatibility.md @@ -8,9 +8,9 @@ UI Style Kit CSS stays standalone while offering stable integration points for t |---|---:|---| | `ui-style-kit-css@2.1.0` | published release | visual identity, color themes, UI paint, native HTML styling, content wrapping, and bridge tokens | | `interactive-surface-css@1.5.0` | published release | interaction-state primitives, surface behavior, state layers, and input affordances | -| `layout-style-css@2.1.0` | staged source target | structural wrappers, grids, sections, app shells, and layout recipes | +| `layout-style-css@3.0.0` | published release | structural wrappers, grids, sections, app shells, and layout recipes | -UI Style Kit `2.1.0` and Interactive Surface `1.5.0` are released companion packages for this upgrade path. Layout Style `2.1.0` remains a staged source target until its separate release approval completes. +UI Style Kit `2.1.0`, Interactive Surface `1.5.0`, and Layout Style `3.0.0` are released companion packages for this integration contract. ## Adoption Paths diff --git a/wiki/Installation-and-Setup.md b/wiki/Installation-and-Setup.md index 34c768e..f84726d 100644 --- a/wiki/Installation-and-Setup.md +++ b/wiki/Installation-and-Setup.md @@ -48,21 +48,16 @@ import "ui-style-kit-css/visual/minimal-saas.css"; ## Integration with interactive-surface-css -Use the canonical token-and-paint bridge with Interactive Surface's state-only core: +Use the canonical all-three integration when the application needs UI paint, interaction mechanics, and Layout structure: ```js -import "ui-style-kit-css/visual/minimal-saas.css"; +import "ui-style-kit-css/visual.css"; import "ui-style-kit-css/interactive-surface-theme.css"; import "interactive-surface-css/state-core.css"; +import "layout-style-css"; ``` -The older stateful bridge and combined bundle remain available for compatibility, but they are deprecated and have not been redirected to the canonical token-only behavior: - -```js -import "ui-style-kit-css/minimal-saas.css"; -import "ui-style-kit-css/interactive-surface-bridge"; -import "ui-style-kit-css/with-bridge.css"; -``` +The older stateful bridge and combined bundle remain public, deprecated compatibility paths. Follow the [bridge migration guide](Bridge-Migration) for their retained v2 imports. All bridges remain opt-in for `v2.1.0`. Use `.interactive-surface` on interactable elements with `data-surface-variant` and `data-surface-level="1"`, `"2"`, or `"3"` when a bridge is attached. From 2e9e15f271816246e73658e55f226bd623dca883 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 13:03:49 -0500 Subject: [PATCH 02/42] test: resolve documented ecosystem imports --- .github/workflows/npm-publish.yml | 16 +++- docs/PUBLISHING.md | 12 +-- scripts/check-ecosystem-packs.mjs | 131 ++++++++++++++++++++++++++++++ scripts/documented-imports.mjs | 26 ++++++ tests/documented-imports.test.js | 42 ++++++++++ tests/package-integrity.test.js | 30 +++---- 6 files changed, 228 insertions(+), 29 deletions(-) create mode 100644 scripts/documented-imports.mjs create mode 100644 tests/documented-imports.test.js diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml index be6d5e7..254aae8 100644 --- a/.github/workflows/npm-publish.yml +++ b/.github/workflows/npm-publish.yml @@ -157,16 +157,24 @@ jobs: if: steps.npm_version_check.outputs.already_published != 'true' run: npm run test:e2e:install:ci - # The package prepublish gate runs packed ecosystem checks against the - # staged Layout Style CSS 2.1 line before this UI package reaches npm. + # Stage the current companion sources so the prepublish gate can pack Layout + # and scan the explicitly maintained documentation from both repositories. - name: Checkout Layout Style CSS for publish verification if: steps.npm_version_check.outputs.already_published != 'true' uses: actions/checkout@v6 with: repository: Foscat/Layout-Style-CSS - ref: 2.1.0 + ref: 3.0.0 path: _ecosystem/Layout-Style-CSS + - name: Checkout Interactive Surface CSS documentation for publish verification + if: steps.npm_version_check.outputs.already_published != 'true' + uses: actions/checkout@v6 + with: + repository: Foscat/Interactive-Surface-CSS + ref: 1.5.0 + path: _ecosystem/Interactive-Surface-CSS + # Layout's prepack contract tests inspect its installed UI dependency, so # install its locked dependency graph before packing it as an ecosystem fixture. - name: Install Layout Style CSS dependencies for publish verification @@ -180,3 +188,5 @@ jobs: env: NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} UI_STYLE_KIT_LAYOUT_REPO: ${{ github.workspace }}/_ecosystem/Layout-Style-CSS + UI_STYLE_KIT_LAYOUT_DOCS_REPO: ${{ github.workspace }}/_ecosystem/Layout-Style-CSS + UI_STYLE_KIT_INTERACTIVE_DOCS_REPO: ${{ github.workspace }}/_ecosystem/Interactive-Surface-CSS diff --git a/docs/PUBLISHING.md b/docs/PUBLISHING.md index 9e75a84..7e6a38d 100644 --- a/docs/PUBLISHING.md +++ b/docs/PUBLISHING.md @@ -10,7 +10,7 @@ npm run release:verify `npm run check` rebuilds dist CSS, runs stylelint, executes package, class API, shared theme-color, and vendor-prefix unit checks, validates core text/link contrast pairs and filled component `on-*` contrast pairs, and confirms package metadata. Browser gates cover regular demo flows, representative Axe scans, curated visual smoke checks, and the sharded 990-combination matrix. `npm run check:ecosystem:packs` verifies standalone, pairwise, and all-three packed package compatibility for the canonical visual/theme/state/layout imports and the deprecated bridge imports. `npm run pack:dry-run` shows the exact files that would publish. -By default, `npm run check:ecosystem:packs` packs this repository, packs the sibling `../Layout-Style-CSS` checkout, and packs the published `interactive-surface-css@1.5.0` artifact. Use `-- --ui-spec `, `-- --layout-repo `, `-- --layout-spec `, or `-- --interactive-spec ` when validating a different package source. +By default, `npm run check:ecosystem:packs` packs this repository, packs the sibling `../Layout-Style-CSS` checkout, and packs the published `interactive-surface-css@1.5.0` artifact. It extracts imports from the explicitly maintained current documentation in all three sibling repositories and resolves every documented specifier from the installed tarballs. Deprecated UI bridge guides are validated as a separate supported-compatibility class; changelogs and Layout migration guides are reviewed historical material rather than current setup. Use `-- --ui-spec `, `-- --layout-repo `, `-- --layout-spec `, `-- --interactive-spec `, `-- --layout-docs-repo `, or `-- --interactive-docs-repo ` when validating different package or documentation sources. `npm run build` uses exactly pinned CSS Tree parsing and Lightning CSS formatting/minification. Generated minified bundles retain the release banner while preserving grammar-sensitive selector and `calc()` whitespace. @@ -20,15 +20,9 @@ The npm artifact is library-focused: `dist/`, `styles/`, docs, and metadata. Dem No package, tag, or registry release occurs without explicit approval. -For this ecosystem upgrade, use the approval-gated rollout order below: +The completed 2.0.4 correctness hotfix is historical context. The current companion set is already published as `ui-style-kit-css@2.1.0`, `interactive-surface-css@1.5.0`, and `layout-style-css@3.0.0`; do not create replacement tags or registry releases merely to verify it. -1. Release `ui-style-kit-css@2.0.4` as the correctness hotfix from the merged hotfix content on `origin/main`. The 2.0.4 hotfix release line must pass `npm run release:verify` before any tag or publish step. -2. Confirm the already published `interactive-surface-css@1.5.0` companion state engine remains available from npm. -3. Release `ui-style-kit-css@2.1.0` after the hotfix is live. -4. Confirm the published `layout-style-css@3.0.0` companion remains available for the v3 structural contract. -5. Run the final all-three packed compatibility suite against the published packages. - -Run the final registry-only ecosystem proof from this repository: +Run the registry-only ecosystem proof from this repository: ```bash npm run check:ecosystem:packs -- --ui-spec ui-style-kit-css@2.1.0 --layout-spec layout-style-css@3.0.0 --interactive-spec interactive-surface-css@1.5.0 diff --git a/scripts/check-ecosystem-packs.mjs b/scripts/check-ecosystem-packs.mjs index b3dee0f..b5639a7 100644 --- a/scripts/check-ecosystem-packs.mjs +++ b/scripts/check-ecosystem-packs.mjs @@ -6,6 +6,8 @@ import os from 'node:os'; import path from 'node:path'; import { fileURLToPath } from 'node:url'; +import { extractPackageImports } from './documented-imports.mjs'; + const scriptDir = path.dirname(fileURLToPath(import.meta.url)); const rootDir = path.resolve(scriptDir, '..'); const npmRunner = npmInvocation(); @@ -19,8 +21,93 @@ const layoutRepo = layoutSpec : path.resolve( options.layoutRepo ?? process.env.UI_STYLE_KIT_LAYOUT_REPO ?? path.join(rootDir, '..', 'Layout-Style-CSS') ); +const layoutDocsRepo = path.resolve( + options.layoutDocsRepo ?? + process.env.UI_STYLE_KIT_LAYOUT_DOCS_REPO ?? + layoutRepo ?? + path.join(rootDir, '..', 'Layout-Style-CSS') +); const interactiveSpec = options.interactiveSpec ?? process.env.UI_STYLE_KIT_INTERACTIVE_SPEC ?? 'interactive-surface-css@1.5.0'; +const interactiveDocsRepo = path.resolve( + options.interactiveDocsRepo ?? + process.env.UI_STYLE_KIT_INTERACTIVE_DOCS_REPO ?? + path.join(rootDir, '..', 'Interactive-Surface-CSS') +); + +const documentationGroups = [ + { + name: 'UI Style Kit current setup', + root: rootDir, + files: [ + 'README.md', + 'CONTRIBUTING.md', + 'docs/ECOSYSTEM.md', + 'docs/NATIVE-ELEMENTS.md', + 'docs/PUBLISHING.md', + 'docs/STYLE-GUIDE.md', + 'docs/TOKENS.md', + 'wiki/Accessibility.md', + 'wiki/Class-API.md', + 'wiki/Ecosystem-Compatibility.md', + 'wiki/Home.md', + 'wiki/Installation-and-Setup.md', + 'wiki/Theming-Model.md', + 'wiki/UI-Systems.md' + ] + }, + { + name: 'UI Style Kit supported deprecated setup', + root: rootDir, + files: ['docs/BRIDGE-MIGRATION.md', 'wiki/Bridge-Migration.md'] + }, + { + name: 'Interactive Surface current setup', + root: interactiveDocsRepo, + files: [ + 'README.md', + 'CONTRIBUTING.md', + 'wiki/Accessibility.md', + 'wiki/API-Reference.md', + 'wiki/Contributing.md', + 'wiki/FAQ.md', + 'wiki/Getting-Started.md', + 'wiki/Home.md', + 'wiki/Installation-and-Usage.md', + 'wiki/Publishing-and-Releases.md', + 'wiki/Roadmap.md', + 'wiki/Testing-and-Quality.md', + 'wiki/Token-Reference.md' + ] + }, + { + name: 'Layout Style current setup', + root: layoutDocsRepo, + files: [ + 'README.md', + 'CONTRIBUTING.md', + 'docs/wiki/Contributing.md', + 'docs/wiki/Demo-And-GitHub-Pages.md', + 'docs/wiki/Getting-Started.md', + 'docs/wiki/Home.md', + 'docs/wiki/Installation-And-CDN.md', + 'docs/wiki/Layout-Primitives.md', + 'docs/wiki/Layout-Recipes.md', + 'docs/wiki/Layout-Styles.md', + 'docs/wiki/Release-And-Publishing.md', + 'docs/wiki/Security-And-Support.md', + 'docs/wiki/UI-Style-Kit-Compatibility.md' + ] + } +]; + +const historicalDocumentation = [ + 'UI Style Kit CHANGELOG.md', + 'Interactive Surface CHANGELOG.md', + 'Layout Style CHANGELOG.md', + 'Layout Style docs/wiki/Migrating-To-2.0.md', + 'Layout Style docs/wiki/Migrating-To-3.0.md' +]; const uiEntrypoints = [ 'ui-style-kit-css', @@ -129,6 +216,8 @@ try { if (!layoutSpec) { assertDirectory(layoutRepo, 'Layout Style CSS repo'); } + assertDirectory(layoutDocsRepo, 'Layout Style CSS documentation repo'); + assertDirectory(interactiveDocsRepo, 'Interactive Surface CSS documentation repo'); console.log(`Using UI Style Kit package: ${uiSpec ?? rootDir}`); console.log(`Using Layout Style CSS package: ${layoutSpec ?? layoutRepo}`); @@ -170,6 +259,8 @@ try { entrypoints: allThreeEntrypoints }); + validateDocumentedImports(allThreeDir); + if (!options.skipBrowser) { await runBrowserSmoke(allThreeDir); } @@ -198,8 +289,12 @@ function parseArgs(args) { parsed.layoutRepo = readValue(args, (index += 1), arg); } else if (arg === '--layout-spec') { parsed.layoutSpec = readValue(args, (index += 1), arg); + } else if (arg === '--layout-docs-repo') { + parsed.layoutDocsRepo = readValue(args, (index += 1), arg); } else if (arg === '--interactive-spec') { parsed.interactiveSpec = readValue(args, (index += 1), arg); + } else if (arg === '--interactive-docs-repo') { + parsed.interactiveDocsRepo = readValue(args, (index += 1), arg); } else if (arg === '--keep-temp') { parsed.keepTemp = true; } else if (arg === '--skip-browser') { @@ -355,6 +450,42 @@ function validateEntrypoints(scenarioDir, entrypoints, scenarioName) { } } +function validateDocumentedImports(scenarioDir) { + const resolver = createRequire(path.join(scenarioDir, 'package.json')); + const failures = []; + let importCount = 0; + + for (const group of documentationGroups) { + for (const relativePath of group.files) { + const documentPath = path.join(group.root, relativePath); + if (!fs.existsSync(documentPath)) { + failures.push(`${group.name}: maintained document is missing: ${relativePath}`); + continue; + } + + const imports = extractPackageImports(fs.readFileSync(documentPath, 'utf8')); + importCount += imports.length; + for (const specifier of imports) { + try { + const resolved = resolver.resolve(specifier); + if (!fs.statSync(resolved).isFile()) { + failures.push(`${group.name}/${relativePath}: ${specifier} did not resolve to a file`); + } + } catch (error) { + failures.push(`${group.name}/${relativePath}: ${specifier} did not resolve (${error.code ?? error.message})`); + } + } + } + } + + if (failures.length > 0) { + throw new Error(`Documented package import validation failed:\n${failures.join('\n')}`); + } + + console.log(`PASS documented imports (${importCount} references across current and supported deprecated guides)`); + console.log(`INFO historical/migration documents reviewed separately: ${historicalDocumentation.join(', ')}`); +} + async function runBrowserSmoke(scenarioDir) { const resolver = createRequire(path.join(scenarioDir, 'package.json')); const { chromium } = await import('playwright'); diff --git a/scripts/documented-imports.mjs b/scripts/documented-imports.mjs new file mode 100644 index 0000000..9b9abad --- /dev/null +++ b/scripts/documented-imports.mjs @@ -0,0 +1,26 @@ +const ecosystemPackagePattern = /^(?:ui-style-kit-css|interactive-surface-css|layout-style-css)(?:\/.*)?$/; + +export function extractPackageImports(markdown) { + const imports = []; + const seen = new Set(); + + for (const block of markdown.matchAll(/^(?:```|~~~)[^\r\n]*\r?\n([\s\S]*?)^(?:```|~~~)\s*$/gm)) { + const code = block[1]; + const importPatterns = [ + /\bimport\s+(?:[^"'\n;]+?\s+from\s+)?(["'])([^"']+)\1/g, + /@import\s+(?:url\(\s*)?(["'])([^"']+)\1/g + ]; + + for (const importPattern of importPatterns) { + for (const match of code.matchAll(importPattern)) { + const specifier = match[2]; + if (ecosystemPackagePattern.test(specifier) && !seen.has(specifier)) { + seen.add(specifier); + imports.push(specifier); + } + } + } + } + + return imports; +} diff --git a/tests/documented-imports.test.js b/tests/documented-imports.test.js new file mode 100644 index 0000000..c12d147 --- /dev/null +++ b/tests/documented-imports.test.js @@ -0,0 +1,42 @@ +import assert from 'node:assert/strict'; +import test from 'node:test'; + +import { extractPackageImports } from '../scripts/documented-imports.mjs'; + +test('extracts ecosystem package specifiers from maintained documentation code blocks', () => { + const markdown = ` +Current prose can name \`layout-style-css/legacy.css\` without making it setup guidance. + +\`\`\`js +import "ui-style-kit-css/visual.css"; +import "interactive-surface-css/state-core.css"; +import "layout-style-css"; +import surface from "interactive-surface-css"; +\`\`\` + +\`\`\`css +@import "ui-style-kit-css/interactive-surface-theme.css"; +\`\`\` +`; + + assert.deepEqual(extractPackageImports(markdown), [ + 'ui-style-kit-css/visual.css', + 'interactive-surface-css/state-core.css', + 'layout-style-css', + 'interactive-surface-css', + 'ui-style-kit-css/interactive-surface-theme.css' + ]); +}); + +test('ignores non-code prose and non-ecosystem imports', () => { + const markdown = ` +Historical prose: ui-style-kit-css/with-bridge.css. + +\`\`\`js +import "react"; +import "./local.css"; +\`\`\` +`; + + assert.deepEqual(extractPackageImports(markdown), []); +}); diff --git a/tests/package-integrity.test.js b/tests/package-integrity.test.js index fe44705..82c4581 100644 --- a/tests/package-integrity.test.js +++ b/tests/package-integrity.test.js @@ -465,26 +465,22 @@ test('publishing docs expose the packed ecosystem compatibility gate', () => { assert.match(publishingGuide, /--interactive-spec interactive-surface-css@1\.5\.0/); }); -test('publishing docs preserve the approval-gated ecosystem rollout order', () => { +test('publishing docs describe current registry proof without re-releasing published versions', () => { const publishingGuide = fs.readFileSync(path.join(rootDir, 'docs', 'PUBLISHING.md'), 'utf8'); - const requiredSequence = [ - 'ui-style-kit-css@2.0.4', - 'interactive-surface-css@1.5.0', - 'ui-style-kit-css@2.1.0', - 'layout-style-css@3.0.0' - ]; - - let cursor = -1; - for (const releaseTarget of requiredSequence) { - const next = publishingGuide.indexOf(releaseTarget, cursor + 1); - assert.ok(next > cursor, `Publishing guide must order ${releaseTarget} after the previous release target`); - cursor = next; - } assert.match(publishingGuide, /No package, tag, or registry release occurs without explicit approval/i); - assert.match(publishingGuide, /2\.0\.4[^.\n]*hotfix/i); - assert.match(publishingGuide, /2\.0\.4 hotfix release line must pass `npm run release:verify`/i); - assert.match(publishingGuide, /final all-three packed compatibility suite/i); + assert.match(publishingGuide, /already published[^\n]*ui-style-kit-css@2\.1\.0/i); + assert.match(publishingGuide, /registry-only ecosystem proof/i); + assert.doesNotMatch(publishingGuide, /Release `ui-style-kit-css@2\.(?:0\.4|1\.0)`/); +}); + +test('publishing workflow stages current ecosystem documentation for packed import validation', () => { + const workflow = fs.readFileSync(path.join(rootDir, '.github', 'workflows', 'npm-publish.yml'), 'utf8'); + + assert.match(workflow, /repository: Foscat\/Layout-Style-CSS\s+ref: 3\.0\.0/); + assert.match(workflow, /repository: Foscat\/Interactive-Surface-CSS\s+ref: 1\.5\.0/); + assert.match(workflow, /UI_STYLE_KIT_LAYOUT_DOCS_REPO:/); + assert.match(workflow, /UI_STYLE_KIT_INTERACTIVE_DOCS_REPO:/); }); test('CI workflow shards the UI matrix by engine and preset group', () => { From 89eb91be2161601f10ce621407b0addef52406ac Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 14:17:55 -0500 Subject: [PATCH 03/42] test: validate ecosystem manifests --- scripts/check-ecosystem-packs.mjs | 60 ++++++++++++++++++++++++++----- 1 file changed, 52 insertions(+), 8 deletions(-) diff --git a/scripts/check-ecosystem-packs.mjs b/scripts/check-ecosystem-packs.mjs index b5639a7..cbc50c6 100644 --- a/scripts/check-ecosystem-packs.mjs +++ b/scripts/check-ecosystem-packs.mjs @@ -28,10 +28,20 @@ const layoutDocsRepo = path.resolve( path.join(rootDir, '..', 'Layout-Style-CSS') ); const interactiveSpec = - options.interactiveSpec ?? process.env.UI_STYLE_KIT_INTERACTIVE_SPEC ?? 'interactive-surface-css@1.5.0'; + options.interactiveSpec ?? + process.env.UI_STYLE_KIT_INTERACTIVE_SPEC ?? + (options.interactiveRepo ? null : 'interactive-surface-css@1.5.0'); +const interactiveRepo = interactiveSpec + ? null + : path.resolve( + options.interactiveRepo ?? + process.env.UI_STYLE_KIT_INTERACTIVE_REPO ?? + path.join(rootDir, '..', 'Interactive-Surface-CSS') + ); const interactiveDocsRepo = path.resolve( options.interactiveDocsRepo ?? process.env.UI_STYLE_KIT_INTERACTIVE_DOCS_REPO ?? + interactiveRepo ?? path.join(rootDir, '..', 'Interactive-Surface-CSS') ); @@ -138,6 +148,7 @@ const uiEntrypoints = [ const layoutEntrypoints = [ 'layout-style-css', + 'layout-style-css/manifest.json', 'layout-style-css/min.css', 'layout-style-css/core.css', 'layout-style-css/wrappers.css', @@ -151,6 +162,7 @@ const layoutEntrypoints = [ const interactiveEntrypoints = [ 'interactive-surface-css', + 'interactive-surface-css/manifest.json', 'interactive-surface-css/package.json', 'interactive-surface-css/index.cjs', 'interactive-surface-css/interactive-surface.css', @@ -201,7 +213,9 @@ const allThreeEntrypoints = [ 'ui-style-kit-css/with-bridge.css', 'ui-style-kit-css/interactive-surface-bridge.css', 'interactive-surface-css/interactive-surface.css', - 'ui-style-kit-css/manifest.json' + 'ui-style-kit-css/manifest.json', + 'layout-style-css/manifest.json', + 'interactive-surface-css/manifest.json' ]; const tempDir = fs.mkdtempSync(path.join(os.tmpdir(), tempPrefix)); @@ -216,17 +230,22 @@ try { if (!layoutSpec) { assertDirectory(layoutRepo, 'Layout Style CSS repo'); } + if (!interactiveSpec) { + assertDirectory(interactiveRepo, 'Interactive Surface CSS repo'); + } assertDirectory(layoutDocsRepo, 'Layout Style CSS documentation repo'); assertDirectory(interactiveDocsRepo, 'Interactive Surface CSS documentation repo'); console.log(`Using UI Style Kit package: ${uiSpec ?? rootDir}`); console.log(`Using Layout Style CSS package: ${layoutSpec ?? layoutRepo}`); - console.log(`Using Interactive Surface package: ${interactiveSpec}`); + console.log(`Using Interactive Surface package: ${interactiveSpec ?? interactiveRepo}`); const tarballs = { ui: uiSpec ? packPackageSpec(uiSpec, packsDir) : packLocalPackage(rootDir, packsDir), layout: layoutSpec ? packPackageSpec(layoutSpec, packsDir) : packLocalPackage(layoutRepo, packsDir), - interactive: packPackageSpec(interactiveSpec, packsDir) + interactive: interactiveSpec + ? packPackageSpec(interactiveSpec, packsDir) + : packLocalPackage(interactiveRepo, packsDir) }; await runScenario({ @@ -293,6 +312,8 @@ function parseArgs(args) { parsed.layoutDocsRepo = readValue(args, (index += 1), arg); } else if (arg === '--interactive-spec') { parsed.interactiveSpec = readValue(args, (index += 1), arg); + } else if (arg === '--interactive-repo') { + parsed.interactiveRepo = readValue(args, (index += 1), arg); } else if (arg === '--interactive-docs-repo') { parsed.interactiveDocsRepo = readValue(args, (index += 1), arg); } else if (arg === '--keep-temp') { @@ -309,6 +330,9 @@ function parseArgs(args) { if (parsed.layoutRepo && parsed.layoutSpec) { throw new Error('Use either --layout-repo or --layout-spec, not both.'); } + if (parsed.interactiveRepo && parsed.interactiveSpec) { + throw new Error('Use either --interactive-repo or --interactive-spec, not both.'); + } return parsed; } @@ -437,10 +461,8 @@ function validateEntrypoints(scenarioDir, entrypoints, scenarioName) { throw new Error(`${scenarioName}: ${id} is not CSS-like.`); } - if (id === 'ui-style-kit-css/manifest.json') { - const manifest = JSON.parse(text); - assert.equal(manifest.version, '2.1.0'); - assert.equal(manifest.presets.length, 11); + if (id.endsWith('/manifest.json')) { + validateEcosystemManifest(id, JSON.parse(text)); } if (id === 'interactive-surface-css/package.json') { @@ -450,6 +472,28 @@ function validateEntrypoints(scenarioDir, entrypoints, scenarioName) { } } +function validateEcosystemManifest(id, manifest) { + const expected = { + 'ui-style-kit-css/manifest.json': { name: 'ui-style-kit-css', version: '2.1.0' }, + 'layout-style-css/manifest.json': { name: 'layout-style-css', version: '3.0.0' }, + 'interactive-surface-css/manifest.json': { name: 'interactive-surface-css', version: '1.5.0' } + }[id]; + + assert.ok(expected, `Unexpected ecosystem manifest entry point: ${id}`); + assert.equal(manifest.schemaVersion, 1, `${id} must use ecosystem schema version 1`); + assert.equal(manifest.name, expected.name, `${id} must declare its package name`); + assert.equal(manifest.version, expected.version, `${id} must declare its package version`); + + // UI Style Kit predates the shared policy field, while the new manifests declare it explicitly. + if (id !== 'ui-style-kit-css/manifest.json') { + assert.equal(manifest.schemaPolicy.compatibility, 'additive-within-major'); + assert.equal( + manifest.schemaPolicy.breakingChange, + 'increment-schemaVersion-before-removing-or-renaming-fields' + ); + } +} + function validateDocumentedImports(scenarioDir) { const resolver = createRequire(path.join(scenarioDir, 'package.json')); const failures = []; From 7b0de625d1755dd910c2621b422400cb6a121b41 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 14:33:26 -0500 Subject: [PATCH 04/42] fix: enforce shared ecosystem manifest schema --- manifest.json | 4 ++++ scripts/check-ecosystem-packs.mjs | 25 ++++------------------ scripts/ecosystem-manifest-schema.mjs | 28 +++++++++++++++++++++++++ scripts/ecosystem-pack-sources.mjs | 17 +++++++++++++++ tests/ecosystem-manifest-schema.test.js | 27 ++++++++++++++++++++++++ 5 files changed, 80 insertions(+), 21 deletions(-) create mode 100644 scripts/ecosystem-manifest-schema.mjs create mode 100644 scripts/ecosystem-pack-sources.mjs create mode 100644 tests/ecosystem-manifest-schema.test.js diff --git a/manifest.json b/manifest.json index a459ea7..3cf628d 100644 --- a/manifest.json +++ b/manifest.json @@ -1,5 +1,9 @@ { "schemaVersion": 1, + "schemaPolicy": { + "compatibility": "additive-within-major", + "breakingChange": "increment-schemaVersion-before-removing-or-renaming-fields" + }, "name": "ui-style-kit-css", "version": "2.1.0", "cascadeLayers": [ diff --git a/scripts/check-ecosystem-packs.mjs b/scripts/check-ecosystem-packs.mjs index cbc50c6..b1f9966 100644 --- a/scripts/check-ecosystem-packs.mjs +++ b/scripts/check-ecosystem-packs.mjs @@ -7,6 +7,8 @@ import path from 'node:path'; import { fileURLToPath } from 'node:url'; import { extractPackageImports } from './documented-imports.mjs'; +import { validateSharedManifest } from './ecosystem-manifest-schema.mjs'; +import { resolveInteractiveSource } from './ecosystem-pack-sources.mjs'; const scriptDir = path.dirname(fileURLToPath(import.meta.url)); const rootDir = path.resolve(scriptDir, '..'); @@ -27,17 +29,7 @@ const layoutDocsRepo = path.resolve( layoutRepo ?? path.join(rootDir, '..', 'Layout-Style-CSS') ); -const interactiveSpec = - options.interactiveSpec ?? - process.env.UI_STYLE_KIT_INTERACTIVE_SPEC ?? - (options.interactiveRepo ? null : 'interactive-surface-css@1.5.0'); -const interactiveRepo = interactiveSpec - ? null - : path.resolve( - options.interactiveRepo ?? - process.env.UI_STYLE_KIT_INTERACTIVE_REPO ?? - path.join(rootDir, '..', 'Interactive-Surface-CSS') - ); +const { interactiveSpec, interactiveRepo } = resolveInteractiveSource(options, process.env, rootDir); const interactiveDocsRepo = path.resolve( options.interactiveDocsRepo ?? process.env.UI_STYLE_KIT_INTERACTIVE_DOCS_REPO ?? @@ -480,18 +472,9 @@ function validateEcosystemManifest(id, manifest) { }[id]; assert.ok(expected, `Unexpected ecosystem manifest entry point: ${id}`); - assert.equal(manifest.schemaVersion, 1, `${id} must use ecosystem schema version 1`); + validateSharedManifest(manifest); assert.equal(manifest.name, expected.name, `${id} must declare its package name`); assert.equal(manifest.version, expected.version, `${id} must declare its package version`); - - // UI Style Kit predates the shared policy field, while the new manifests declare it explicitly. - if (id !== 'ui-style-kit-css/manifest.json') { - assert.equal(manifest.schemaPolicy.compatibility, 'additive-within-major'); - assert.equal( - manifest.schemaPolicy.breakingChange, - 'increment-schemaVersion-before-removing-or-renaming-fields' - ); - } } function validateDocumentedImports(scenarioDir) { diff --git a/scripts/ecosystem-manifest-schema.mjs b/scripts/ecosystem-manifest-schema.mjs new file mode 100644 index 0000000..cc2b580 --- /dev/null +++ b/scripts/ecosystem-manifest-schema.mjs @@ -0,0 +1,28 @@ +// Every package can add domain fields, but this policy keeps the shared header compatible. +const sharedPolicy = Object.freeze({ + compatibility: 'additive-within-major', + breakingChange: 'increment-schemaVersion-before-removing-or-renaming-fields' +}); + +export function validateSharedManifest(manifest) { + if (!manifest || typeof manifest !== 'object' || Array.isArray(manifest)) { + throw new TypeError('Ecosystem manifest must be an object.'); + } + if (manifest.schemaVersion !== 1) { + throw new TypeError('Ecosystem manifest schemaVersion must be 1.'); + } + if (!manifest.schemaPolicy || typeof manifest.schemaPolicy !== 'object') { + throw new TypeError('Ecosystem manifest schemaPolicy is required.'); + } + for (const [field, value] of Object.entries(sharedPolicy)) { + if (manifest.schemaPolicy[field] !== value) { + throw new TypeError(`Ecosystem manifest schemaPolicy.${field} must be ${value}.`); + } + } + if (typeof manifest.name !== 'string' || manifest.name.length === 0) { + throw new TypeError('Ecosystem manifest name must be a non-empty string.'); + } + if (!/^\d+\.\d+\.\d+(?:-[0-9A-Za-z.-]+)?$/.test(manifest.version)) { + throw new TypeError('Ecosystem manifest version must be a semantic version string.'); + } +} diff --git a/scripts/ecosystem-pack-sources.mjs b/scripts/ecosystem-pack-sources.mjs new file mode 100644 index 0000000..717d1d7 --- /dev/null +++ b/scripts/ecosystem-pack-sources.mjs @@ -0,0 +1,17 @@ +import path from 'node:path'; + +export function resolveInteractiveSource(options, environment, rootDir) { + // A local environment override must outrank the registry default for CI and linked worktrees. + const localRepo = options.interactiveRepo ?? environment.UI_STYLE_KIT_INTERACTIVE_REPO; + const interactiveSpec = + options.interactiveSpec ?? + environment.UI_STYLE_KIT_INTERACTIVE_SPEC ?? + (localRepo ? null : 'interactive-surface-css@1.5.0'); + + return { + interactiveSpec, + interactiveRepo: interactiveSpec + ? null + : path.resolve(localRepo ?? path.join(rootDir, '..', 'Interactive-Surface-CSS')) + }; +} diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js new file mode 100644 index 0000000..e362073 --- /dev/null +++ b/tests/ecosystem-manifest-schema.test.js @@ -0,0 +1,27 @@ +import test from 'node:test'; +import assert from 'node:assert/strict'; +import fs from 'node:fs'; +import path from 'node:path'; +import { fileURLToPath } from 'node:url'; + +import { validateSharedManifest } from '../scripts/ecosystem-manifest-schema.mjs'; +import { resolveInteractiveSource } from '../scripts/ecosystem-pack-sources.mjs'; + +const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); +const uiManifest = JSON.parse(fs.readFileSync(path.join(rootDir, 'manifest.json'), 'utf8')); + +test('shared ecosystem manifest policy is required for every package manifest', () => { + assert.doesNotThrow(() => validateSharedManifest(uiManifest)); + assert.throws( + () => validateSharedManifest({ schemaVersion: 1, name: 'missing-policy', version: '1.0.0' }), + /schemaPolicy/ + ); +}); + +test('environment-only Interactive repository selection uses the local source', () => { + const localRepo = path.join(rootDir, '..', 'Interactive-Surface-CSS'); + const source = resolveInteractiveSource({}, { UI_STYLE_KIT_INTERACTIVE_REPO: localRepo }, rootDir); + + assert.equal(source.interactiveSpec, null); + assert.equal(source.interactiveRepo, path.resolve(localRepo)); +}); From f42bee6f8da4adbb889cd23874bdc322d017a06c Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 14:52:28 -0500 Subject: [PATCH 05/42] feat: define ecosystem compatibility contract --- .github/workflows/ci.yml | 39 +++++++ docs/ECOSYSTEM.md | 2 + ecosystem-compatibility.json | 27 +++++ scripts/check-ecosystem-packs.mjs | 10 +- scripts/ecosystem-manifest-schema.mjs | 15 +++ tests/ecosystem-compatibility.test.js | 143 ++++++++++++++++++++++++++ 6 files changed, 231 insertions(+), 5 deletions(-) create mode 100644 ecosystem-compatibility.json create mode 100644 tests/ecosystem-compatibility.test.js diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index e45cd5b..d4776e4 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -34,6 +34,45 @@ jobs: - name: Run unit tests run: npm run test:unit + ecosystem-packs: + name: Packed Ecosystem Contract + needs: quality + runs-on: ubuntu-latest + steps: + - name: Checkout UI Style Kit + uses: actions/checkout@v6 + + - name: Setup Node + uses: actions/setup-node@v6 + with: + node-version: 20 + cache: npm + + - name: Install UI Style Kit dependencies + run: npm ci + + - name: Checkout Layout Style CSS contract fixture + uses: actions/checkout@v6 + with: + repository: Foscat/Layout-Style-CSS + ref: 3.0.0 + path: _ecosystem/Layout-Style-CSS + + - name: Checkout Interactive Surface CSS contract fixture + uses: actions/checkout@v6 + with: + repository: Foscat/Interactive-Surface-CSS + ref: 1.5.0 + path: _ecosystem/Interactive-Surface-CSS + + - name: Install Layout Style CSS fixture dependencies + working-directory: _ecosystem/Layout-Style-CSS + run: npm ci + + # This PR-safe gate installs only packed artifacts and never publishes. + - name: Resolve documented npm exports from packed artifacts + run: npm run check:ecosystem:packs -- --layout-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS --layout-docs-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-docs-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS --skip-browser + playwright: name: Playwright E2E needs: quality diff --git a/docs/ECOSYSTEM.md b/docs/ECOSYSTEM.md index a38a06a..7f2192d 100644 --- a/docs/ECOSYSTEM.md +++ b/docs/ECOSYSTEM.md @@ -2,6 +2,8 @@ UI Style Kit CSS is the visual layer in the three-library CSS ecosystem. It can run alone, but it also has stable integration points for Interactive Surface CSS and Layout Style CSS. +`ecosystem-compatibility.json` is the authoritative source for supported ranges, validated combinations, canonical imports, and deprecated bridge metadata. UI Style Kit owns this file temporarily until a dedicated ecosystem fixture repository is introduced. + ## Aligned Versions | Library | Current aligned version | Owns | diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json new file mode 100644 index 0000000..eb634d7 --- /dev/null +++ b/ecosystem-compatibility.json @@ -0,0 +1,27 @@ +{ + "schemaVersion": 1, + "ownership": { + "repository": "ui-style-kit-css", + "status": "temporary", + "note": "UI Style Kit owns this authoritative contract until a dedicated ecosystem fixture repository is introduced." + }, + "packages": [ + { "name": "ui-style-kit-css", "supportedRange": ">=2.1.0 <3.0.0", "owns": "visual identity, themes, UI paint, and bridge tokens" }, + { "name": "interactive-surface-css", "supportedRange": ">=1.5.0 <2.0.0", "owns": "interaction-state primitives, state layers, and input affordances" }, + { "name": "layout-style-css", "supportedRange": ">=3.0.0 <4.0.0", "owns": "structural wrappers, grids, sections, app shells, and layout recipes" } + ], + "supportedCombinations": { + "minimum": { "ui-style-kit-css": "2.1.0", "interactive-surface-css": "1.5.0", "layout-style-css": "3.0.0" }, + "current": { "ui-style-kit-css": "2.1.0", "interactive-surface-css": "1.5.0", "layout-style-css": "3.0.0" } + }, + "canonicalImports": [ + { "specifier": "ui-style-kit-css/visual.css", "owner": "ui-style-kit-css" }, + { "specifier": "ui-style-kit-css/interactive-surface-theme.css", "owner": "ui-style-kit-css" }, + { "specifier": "interactive-surface-css/state-core.css", "owner": "interactive-surface-css" }, + { "specifier": "layout-style-css", "owner": "layout-style-css" } + ], + "deprecatedImports": [ + { "specifier": "ui-style-kit-css/interactive-surface-bridge.css", "status": "deprecated", "replacement": "ui-style-kit-css/interactive-surface-theme.css" }, + { "specifier": "ui-style-kit-css/with-bridge.css", "status": "deprecated", "replacement": "ui-style-kit-css/visual.css" } + ] +} diff --git a/scripts/check-ecosystem-packs.mjs b/scripts/check-ecosystem-packs.mjs index b1f9966..4ee70ab 100644 --- a/scripts/check-ecosystem-packs.mjs +++ b/scripts/check-ecosystem-packs.mjs @@ -7,11 +7,14 @@ import path from 'node:path'; import { fileURLToPath } from 'node:url'; import { extractPackageImports } from './documented-imports.mjs'; -import { validateSharedManifest } from './ecosystem-manifest-schema.mjs'; +import { validateEcosystemCompatibility, validateSharedManifest } from './ecosystem-manifest-schema.mjs'; import { resolveInteractiveSource } from './ecosystem-pack-sources.mjs'; const scriptDir = path.dirname(fileURLToPath(import.meta.url)); const rootDir = path.resolve(scriptDir, '..'); +const ecosystemCompatibility = JSON.parse(fs.readFileSync(path.join(rootDir, 'ecosystem-compatibility.json'), 'utf8')); +validateEcosystemCompatibility(ecosystemCompatibility); +const canonicalEntrypoints = ecosystemCompatibility.canonicalImports.map(({ specifier }) => specifier); const npmRunner = npmInvocation(); const tempPrefix = 'usk-ecosystem-packs-'; @@ -197,10 +200,7 @@ const pairedScenarios = [ ]; const allThreeEntrypoints = [ - 'ui-style-kit-css/visual.css', - 'ui-style-kit-css/interactive-surface-theme.css', - 'interactive-surface-css/state-core.css', - 'layout-style-css', + ...canonicalEntrypoints, 'ui-style-kit-css', 'ui-style-kit-css/with-bridge.css', 'ui-style-kit-css/interactive-surface-bridge.css', diff --git a/scripts/ecosystem-manifest-schema.mjs b/scripts/ecosystem-manifest-schema.mjs index cc2b580..f8ed3d9 100644 --- a/scripts/ecosystem-manifest-schema.mjs +++ b/scripts/ecosystem-manifest-schema.mjs @@ -26,3 +26,18 @@ export function validateSharedManifest(manifest) { throw new TypeError('Ecosystem manifest version must be a semantic version string.'); } } + +// The cross-package contract is deliberately narrow so each package remains standalone. +export function validateEcosystemCompatibility(contract) { + if (!contract || contract.schemaVersion !== 1) throw new TypeError('Ecosystem compatibility schemaVersion must be 1.'); + if (contract.ownership?.repository !== 'ui-style-kit-css' || contract.ownership?.status !== 'temporary') throw new TypeError('Ecosystem compatibility ownership is invalid.'); + if (!Array.isArray(contract.packages) || !contract.supportedCombinations || !Array.isArray(contract.canonicalImports) || !Array.isArray(contract.deprecatedImports)) throw new TypeError('Ecosystem compatibility required fields are missing.'); + for (const definition of contract.packages) { + if (!/^>=\d+\.\d+\.\d+ <\d+\.0\.0$/.test(definition.supportedRange)) throw new TypeError('Ecosystem compatibility supportedRange is invalid.'); + for (const combination of ['minimum', 'current']) { + if (!/^\d+\.\d+\.\d+$/.test(contract.supportedCombinations[combination]?.[definition.name])) throw new TypeError('Ecosystem compatibility version is invalid.'); + } + } + for (const entry of contract.canonicalImports) if (typeof entry.specifier !== 'string' || typeof entry.owner !== 'string') throw new TypeError('Ecosystem canonical import is invalid.'); + for (const entry of contract.deprecatedImports) if (entry.status !== 'deprecated' || typeof entry.replacement !== 'string') throw new TypeError('Ecosystem deprecated import is invalid.'); +} diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js new file mode 100644 index 0000000..394818f --- /dev/null +++ b/tests/ecosystem-compatibility.test.js @@ -0,0 +1,143 @@ +import assert from 'node:assert/strict'; +import fs from 'node:fs'; +import path from 'node:path'; +import test from 'node:test'; +import { fileURLToPath } from 'node:url'; + +import { extractPackageImports } from '../scripts/documented-imports.mjs'; + +const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); +const compatibilityPath = path.join(rootDir, 'ecosystem-compatibility.json'); +const siblingRepositories = new Map([ + ['interactive-surface-css', path.resolve(rootDir, '..', 'Interactive-Surface-CSS')], + ['layout-style-css', path.resolve(rootDir, '..', 'Layout-Style-CSS')], + ['ui-style-kit-css', rootDir] +]); + +test('authoritative ecosystem compatibility contract validates supported combinations and exports', async () => { + assert.ok(fs.existsSync(compatibilityPath), 'ecosystem-compatibility.json must be the checked-in compatibility source'); + if (!fs.existsSync(compatibilityPath)) { + return; + } + + const compatibility = JSON.parse(fs.readFileSync(compatibilityPath, 'utf8')); + const schema = await import('../scripts/ecosystem-manifest-schema.mjs'); + assert.equal(typeof schema.validateEcosystemCompatibility, 'function'); + if (typeof schema.validateEcosystemCompatibility !== 'function') { + return; + } + + assert.doesNotThrow(() => schema.validateEcosystemCompatibility(compatibility)); + assert.equal(compatibility.schemaVersion, 1); + assert.equal(compatibility.ownership.repository, 'ui-style-kit-css'); + assert.equal(compatibility.ownership.status, 'temporary'); + assert.deepEqual( + compatibility.packages.map(({ name, supportedRange }) => [name, supportedRange]), + [ + ['ui-style-kit-css', '>=2.1.0 <3.0.0'], + ['interactive-surface-css', '>=1.5.0 <2.0.0'], + ['layout-style-css', '>=3.0.0 <4.0.0'] + ] + ); + + for (const combination of Object.values(compatibility.supportedCombinations)) { + for (const packageDefinition of compatibility.packages) { + assert.ok( + satisfiesRange(combination[packageDefinition.name], packageDefinition.supportedRange), + `${packageDefinition.name}@${combination[packageDefinition.name]} must satisfy ${packageDefinition.supportedRange}` + ); + } + } + + for (const packageDefinition of compatibility.packages) { + const repository = siblingRepositories.get(packageDefinition.name); + const packageJson = JSON.parse(fs.readFileSync(path.join(repository, 'package.json'), 'utf8')); + assert.equal( + packageJson.version, + compatibility.supportedCombinations.current[packageDefinition.name], + `${packageDefinition.name} current combination must match its checked-out package` + ); + } + + for (const importDefinition of compatibility.canonicalImports) { + const [packageName, exportPath] = splitPackageSpecifier(importDefinition.specifier); + const packageJson = JSON.parse( + fs.readFileSync(path.join(siblingRepositories.get(packageName), 'package.json'), 'utf8') + ); + const exportTarget = packageJson.exports[exportPath]; + + assert.equal(typeof exportTarget, 'string', `${importDefinition.specifier} must stay publicly exported`); + assert.ok( + fs.existsSync(path.join(siblingRepositories.get(packageName), exportTarget.replace(/^\.\//, ''))), + `${importDefinition.specifier} must point to a checked-in artifact` + ); + } +}); + +test('current ecosystem documentation consumes canonical imports from the compatibility contract', () => { + assert.ok(fs.existsSync(compatibilityPath), 'ecosystem-compatibility.json must be available to documentation tests'); + if (!fs.existsSync(compatibilityPath)) { + return; + } + + const compatibility = JSON.parse(fs.readFileSync(compatibilityPath, 'utf8')); + const canonicalImports = compatibility.canonicalImports.map(({ specifier }) => specifier); + const documents = [ + path.join(rootDir, 'README.md'), + path.join(rootDir, 'docs', 'ECOSYSTEM.md'), + path.join(rootDir, 'wiki', 'Ecosystem-Compatibility.md'), + path.join(rootDir, 'wiki', 'Installation-and-Setup.md') + ]; + const canonicalBlock = canonicalImports.map((specifier) => ['import ', specifier, ';'].join(String.fromCharCode(34))).join('\n'); + + for (const documentPath of documents) { + const document = fs.readFileSync(documentPath, 'utf8'); + assert.ok(extractPackageImports(document).includes(canonicalImports[0])); + assert.ok(document.includes(canonicalBlock), `${documentPath} must retain the canonical import order`); + + for (const packageDefinition of compatibility.packages) { + const currentVersion = compatibility.supportedCombinations.current[packageDefinition.name]; + if (!documentPath.endsWith('Installation-and-Setup.md')) { + assert.match(document, new RegExp(`${escapeRegExp(packageDefinition.name)}@${escapeRegExp(currentVersion)}`)); + } + } + } +}); + +function splitPackageSpecifier(specifier) { + for (const packageName of siblingRepositories.keys()) { + if (specifier === packageName) { + return [packageName, '.']; + } + if (specifier.startsWith(`${packageName}/`)) { + return [packageName, `./${specifier.slice(packageName.length + 1)}`]; + } + } + throw new Error(`Unknown ecosystem package specifier: ${specifier}`); +} + +function satisfiesRange(version, range) { + const rangeMatch = /^>=(\d+)\.(\d+)\.(\d+) <(\d+)\.0\.0$/.exec(range); + assert.ok(rangeMatch, `Unsupported range syntax: ${range}`); + const versionMatch = /^(\d+)\.(\d+)\.(\d+)$/.exec(version); + assert.ok(versionMatch, `Unsupported version syntax: ${version}`); + + const actual = versionMatch.slice(1).map(Number); + const minimum = rangeMatch.slice(1, 4).map(Number); + const exclusiveMajor = Number(rangeMatch[4]); + + return compareVersion(actual, minimum) >= 0 && actual[0] < exclusiveMajor; +} + +function compareVersion(left, right) { + for (let index = 0; index < left.length; index += 1) { + if (left[index] !== right[index]) { + return left[index] - right[index]; + } + } + return 0; +} + +function escapeRegExp(value) { + return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); +} From 3c13edd98adcdf6202b050d3ae420702571b52e4 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 15:15:29 -0500 Subject: [PATCH 06/42] fix: pin ecosystem fixtures --- .github/workflows/ci.yml | 17 +++++++--- .github/workflows/npm-publish.yml | 22 +++++++++---- docs/ECOSYSTEM.md | 2 ++ docs/PUBLISHING.md | 10 +++--- ecosystem-compatibility.json | 11 +++++++ scripts/check-ecosystem-packs.mjs | 12 +++---- scripts/ecosystem-manifest-schema.mjs | 20 ++++++++++-- scripts/ecosystem-pack-sources.mjs | 5 +-- tests/ecosystem-compatibility.test.js | 41 +---------------------- tests/ecosystem-manifest-schema.test.js | 43 ++++++++++++++++++++++++- tests/package-integrity.test.js | 24 ++++++++------ 11 files changed, 129 insertions(+), 78 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index d4776e4..22537ab 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -51,18 +51,27 @@ jobs: - name: Install UI Style Kit dependencies run: npm ci + # The compatibility contract, rather than a mutable branch or release tag, + # selects the exact companion artifacts exercised by this integration job. + - name: Resolve immutable ecosystem fixture sources + id: ecosystem_sources + shell: bash + run: | + set -euo pipefail + node -e 'const fs = require("fs"); const contract = JSON.parse(fs.readFileSync("ecosystem-compatibility.json", "utf8")); const output = process.env.GITHUB_OUTPUT; for (const [key, source] of Object.entries({ layout: contract.packageSources["layout-style-css"], interactive: contract.packageSources["interactive-surface-css"] })) { if (!source || !/^[0-9a-f]{40}$/.test(source.revision)) throw new Error(`Invalid ${key} source revision.`); fs.appendFileSync(output, `${key}_repository=${source.repository}\n${key}_revision=${source.revision}\n`); }' + - name: Checkout Layout Style CSS contract fixture uses: actions/checkout@v6 with: - repository: Foscat/Layout-Style-CSS - ref: 3.0.0 + repository: ${{ steps.ecosystem_sources.outputs.layout_repository }} + ref: ${{ steps.ecosystem_sources.outputs.layout_revision }} path: _ecosystem/Layout-Style-CSS - name: Checkout Interactive Surface CSS contract fixture uses: actions/checkout@v6 with: - repository: Foscat/Interactive-Surface-CSS - ref: 1.5.0 + repository: ${{ steps.ecosystem_sources.outputs.interactive_repository }} + ref: ${{ steps.ecosystem_sources.outputs.interactive_revision }} path: _ecosystem/Interactive-Surface-CSS - name: Install Layout Style CSS fixture dependencies diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml index 254aae8..704ef3c 100644 --- a/.github/workflows/npm-publish.yml +++ b/.github/workflows/npm-publish.yml @@ -122,6 +122,15 @@ jobs: - name: Install dependencies run: npm ci + # Release verification packs the immutable Task 4 companion artifacts + # selected by the checked-in compatibility contract. + - name: Resolve immutable ecosystem fixture sources + id: ecosystem_sources + shell: bash + run: | + set -euo pipefail + node -e 'const fs = require("fs"); const contract = JSON.parse(fs.readFileSync("ecosystem-compatibility.json", "utf8")); const output = process.env.GITHUB_OUTPUT; for (const [key, source] of Object.entries({ layout: contract.packageSources["layout-style-css"], interactive: contract.packageSources["interactive-surface-css"] })) { if (!source || !/^[0-9a-f]{40}$/.test(source.revision)) throw new Error(`Invalid ${key} source revision.`); fs.appendFileSync(output, `${key}_repository=${source.repository}\n${key}_revision=${source.revision}\n`); }' + - name: Check if version already exists on npm id: npm_version_check shell: bash @@ -157,22 +166,22 @@ jobs: if: steps.npm_version_check.outputs.already_published != 'true' run: npm run test:e2e:install:ci - # Stage the current companion sources so the prepublish gate can pack Layout - # and scan the explicitly maintained documentation from both repositories. + # Stage the immutable companion sources so the prepublish gate packs the + # coordinated artifacts and scans their explicitly maintained documentation. - name: Checkout Layout Style CSS for publish verification if: steps.npm_version_check.outputs.already_published != 'true' uses: actions/checkout@v6 with: - repository: Foscat/Layout-Style-CSS - ref: 3.0.0 + repository: ${{ steps.ecosystem_sources.outputs.layout_repository }} + ref: ${{ steps.ecosystem_sources.outputs.layout_revision }} path: _ecosystem/Layout-Style-CSS - name: Checkout Interactive Surface CSS documentation for publish verification if: steps.npm_version_check.outputs.already_published != 'true' uses: actions/checkout@v6 with: - repository: Foscat/Interactive-Surface-CSS - ref: 1.5.0 + repository: ${{ steps.ecosystem_sources.outputs.interactive_repository }} + ref: ${{ steps.ecosystem_sources.outputs.interactive_revision }} path: _ecosystem/Interactive-Surface-CSS # Layout's prepack contract tests inspect its installed UI dependency, so @@ -189,4 +198,5 @@ jobs: NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} UI_STYLE_KIT_LAYOUT_REPO: ${{ github.workspace }}/_ecosystem/Layout-Style-CSS UI_STYLE_KIT_LAYOUT_DOCS_REPO: ${{ github.workspace }}/_ecosystem/Layout-Style-CSS + UI_STYLE_KIT_INTERACTIVE_REPO: ${{ github.workspace }}/_ecosystem/Interactive-Surface-CSS UI_STYLE_KIT_INTERACTIVE_DOCS_REPO: ${{ github.workspace }}/_ecosystem/Interactive-Surface-CSS diff --git a/docs/ECOSYSTEM.md b/docs/ECOSYSTEM.md index 7f2192d..4b75bc2 100644 --- a/docs/ECOSYSTEM.md +++ b/docs/ECOSYSTEM.md @@ -4,6 +4,8 @@ UI Style Kit CSS is the visual layer in the three-library CSS ecosystem. It can `ecosystem-compatibility.json` is the authoritative source for supported ranges, validated combinations, canonical imports, and deprecated bridge metadata. UI Style Kit owns this file temporarily until a dedicated ecosystem fixture repository is introduced. +Its companion source records pin the exact repository revisions used by integration and release verification. Update those immutable pins whenever a later task changes a companion contract; Task 9/final release work replaces the interim Task 4 pins with final heads. + ## Aligned Versions | Library | Current aligned version | Owns | diff --git a/docs/PUBLISHING.md b/docs/PUBLISHING.md index 7e6a38d..6e05067 100644 --- a/docs/PUBLISHING.md +++ b/docs/PUBLISHING.md @@ -10,7 +10,9 @@ npm run release:verify `npm run check` rebuilds dist CSS, runs stylelint, executes package, class API, shared theme-color, and vendor-prefix unit checks, validates core text/link contrast pairs and filled component `on-*` contrast pairs, and confirms package metadata. Browser gates cover regular demo flows, representative Axe scans, curated visual smoke checks, and the sharded 990-combination matrix. `npm run check:ecosystem:packs` verifies standalone, pairwise, and all-three packed package compatibility for the canonical visual/theme/state/layout imports and the deprecated bridge imports. `npm run pack:dry-run` shows the exact files that would publish. -By default, `npm run check:ecosystem:packs` packs this repository, packs the sibling `../Layout-Style-CSS` checkout, and packs the published `interactive-surface-css@1.5.0` artifact. It extracts imports from the explicitly maintained current documentation in all three sibling repositories and resolves every documented specifier from the installed tarballs. Deprecated UI bridge guides are validated as a separate supported-compatibility class; changelogs and Layout migration guides are reviewed historical material rather than current setup. Use `-- --ui-spec `, `-- --layout-repo `, `-- --layout-spec `, `-- --interactive-spec `, `-- --layout-docs-repo `, or `-- --interactive-docs-repo ` when validating different package or documentation sources. +By default, `npm run check:ecosystem:packs` packs this repository and the sibling `../Layout-Style-CSS` and `../Interactive-Surface-CSS` checkouts. It extracts imports from the explicitly maintained current documentation in all three repositories and resolves every documented specifier from the installed tarballs. Deprecated UI bridge guides are validated as a separate supported-compatibility class; changelogs and Layout migration guides are reviewed historical material rather than current setup. Use `-- --ui-spec `, `-- --layout-repo `, `-- --layout-spec `, `-- --interactive-spec `, `-- --interactive-repo `, `-- --layout-docs-repo `, or `-- --interactive-docs-repo ` when validating different package or documentation sources. + +The PR integration and npm-publish workflows read the companion repository and immutable revision pins from `ecosystem-compatibility.json`, then pack those coordinated Task 4 artifacts. Advance those pins whenever later work changes a companion contract; Task 9/final release work is responsible for replacing these interim fixture revisions with final heads. `npm run build` uses exactly pinned CSS Tree parsing and Lightning CSS formatting/minification. Generated minified bundles retain the release banner while preserving grammar-sensitive selector and `calc()` whitespace. @@ -20,12 +22,12 @@ The npm artifact is library-focused: `dist/`, `styles/`, docs, and metadata. Dem No package, tag, or registry release occurs without explicit approval. -The completed 2.0.4 correctness hotfix is historical context. The current companion set is already published as `ui-style-kit-css@2.1.0`, `interactive-surface-css@1.5.0`, and `layout-style-css@3.0.0`; do not create replacement tags or registry releases merely to verify it. +The completed 2.0.4 correctness hotfix is historical context. Do not create replacement tags or registry releases merely to verify the coordinated compatibility contract. -Run the registry-only ecosystem proof from this repository: +Run the coordinated checked-out ecosystem proof from this repository: ```bash -npm run check:ecosystem:packs -- --ui-spec ui-style-kit-css@2.1.0 --layout-spec layout-style-css@3.0.0 --interactive-spec interactive-surface-css@1.5.0 +npm run check:ecosystem:packs -- --layout-repo ../Layout-Style-CSS --interactive-repo ../Interactive-Surface-CSS --layout-docs-repo ../Layout-Style-CSS --interactive-docs-repo ../Interactive-Surface-CSS ``` ```bash diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index eb634d7..c42cb41 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -5,6 +5,17 @@ "status": "temporary", "note": "UI Style Kit owns this authoritative contract until a dedicated ecosystem fixture repository is introduced." }, + "packageSources": { + "ui-style-kit-css": { "checkout": "current" }, + "interactive-surface-css": { + "repository": "Foscat/Interactive-Surface-CSS", + "revision": "c1246afa8dee33c95e12db3e1396a9577d1cb557" + }, + "layout-style-css": { + "repository": "Foscat/Layout-Style-CSS", + "revision": "0abd21357f464c2e3b034f7cd42a6c890538148e" + } + }, "packages": [ { "name": "ui-style-kit-css", "supportedRange": ">=2.1.0 <3.0.0", "owns": "visual identity, themes, UI paint, and bridge tokens" }, { "name": "interactive-surface-css", "supportedRange": ">=1.5.0 <2.0.0", "owns": "interaction-state primitives, state layers, and input affordances" }, diff --git a/scripts/check-ecosystem-packs.mjs b/scripts/check-ecosystem-packs.mjs index 4ee70ab..1710780 100644 --- a/scripts/check-ecosystem-packs.mjs +++ b/scripts/check-ecosystem-packs.mjs @@ -15,6 +15,7 @@ const rootDir = path.resolve(scriptDir, '..'); const ecosystemCompatibility = JSON.parse(fs.readFileSync(path.join(rootDir, 'ecosystem-compatibility.json'), 'utf8')); validateEcosystemCompatibility(ecosystemCompatibility); const canonicalEntrypoints = ecosystemCompatibility.canonicalImports.map(({ specifier }) => specifier); +const expectedPackageVersions = ecosystemCompatibility.supportedCombinations.current; const npmRunner = npmInvocation(); const tempPrefix = 'usk-ecosystem-packs-'; @@ -459,19 +460,16 @@ function validateEntrypoints(scenarioDir, entrypoints, scenarioName) { if (id === 'interactive-surface-css/package.json') { const manifest = JSON.parse(text); - assert.equal(manifest.version, '1.5.0'); + assert.equal(manifest.version, expectedPackageVersions['interactive-surface-css']); } } } function validateEcosystemManifest(id, manifest) { - const expected = { - 'ui-style-kit-css/manifest.json': { name: 'ui-style-kit-css', version: '2.1.0' }, - 'layout-style-css/manifest.json': { name: 'layout-style-css', version: '3.0.0' }, - 'interactive-surface-css/manifest.json': { name: 'interactive-surface-css', version: '1.5.0' } - }[id]; + const name = id.replace('/manifest.json', ''); + const expected = { name, version: expectedPackageVersions[name] }; - assert.ok(expected, `Unexpected ecosystem manifest entry point: ${id}`); + assert.ok(expected.version, `Unexpected ecosystem manifest entry point: ${id}`); validateSharedManifest(manifest); assert.equal(manifest.name, expected.name, `${id} must declare its package name`); assert.equal(manifest.version, expected.version, `${id} must declare its package version`); diff --git a/scripts/ecosystem-manifest-schema.mjs b/scripts/ecosystem-manifest-schema.mjs index f8ed3d9..395dfb6 100644 --- a/scripts/ecosystem-manifest-schema.mjs +++ b/scripts/ecosystem-manifest-schema.mjs @@ -31,13 +31,29 @@ export function validateSharedManifest(manifest) { export function validateEcosystemCompatibility(contract) { if (!contract || contract.schemaVersion !== 1) throw new TypeError('Ecosystem compatibility schemaVersion must be 1.'); if (contract.ownership?.repository !== 'ui-style-kit-css' || contract.ownership?.status !== 'temporary') throw new TypeError('Ecosystem compatibility ownership is invalid.'); - if (!Array.isArray(contract.packages) || !contract.supportedCombinations || !Array.isArray(contract.canonicalImports) || !Array.isArray(contract.deprecatedImports)) throw new TypeError('Ecosystem compatibility required fields are missing.'); + if (!Array.isArray(contract.packages) || !contract.packageSources || !contract.supportedCombinations || !Array.isArray(contract.canonicalImports) || !Array.isArray(contract.deprecatedImports)) throw new TypeError('Ecosystem compatibility required fields are missing.'); + const requiredPackages = new Set(['ui-style-kit-css', 'interactive-surface-css', 'layout-style-css']); + const packageNames = new Set(contract.packages.map((definition) => definition.name)); + if (packageNames.size !== requiredPackages.size || [...requiredPackages].some((name) => !packageNames.has(name))) throw new TypeError('Ecosystem compatibility package identity is invalid.'); + if (Object.keys(contract.packageSources).length !== requiredPackages.size || [...requiredPackages].some((name) => !(name in contract.packageSources))) throw new TypeError('Ecosystem compatibility source metadata is invalid.'); + if (contract.packageSources['ui-style-kit-css']?.checkout !== 'current') throw new TypeError('Ecosystem compatibility source metadata is invalid.'); + for (const [name, repository] of Object.entries({ + 'interactive-surface-css': 'Foscat/Interactive-Surface-CSS', + 'layout-style-css': 'Foscat/Layout-Style-CSS' + })) { + const source = contract.packageSources[name]; + if (source?.repository !== repository || !/^[0-9a-f]{40}$/.test(source.revision ?? '')) throw new TypeError('Ecosystem compatibility source metadata is invalid.'); + } for (const definition of contract.packages) { if (!/^>=\d+\.\d+\.\d+ <\d+\.0\.0$/.test(definition.supportedRange)) throw new TypeError('Ecosystem compatibility supportedRange is invalid.'); for (const combination of ['minimum', 'current']) { if (!/^\d+\.\d+\.\d+$/.test(contract.supportedCombinations[combination]?.[definition.name])) throw new TypeError('Ecosystem compatibility version is invalid.'); } } - for (const entry of contract.canonicalImports) if (typeof entry.specifier !== 'string' || typeof entry.owner !== 'string') throw new TypeError('Ecosystem canonical import is invalid.'); + for (const entry of contract.canonicalImports) if (typeof entry.specifier !== 'string' || !packageNames.has(entry.owner) || (entry.specifier !== entry.owner && !entry.specifier.startsWith(`${entry.owner}/`))) throw new TypeError('Ecosystem canonical import is invalid.'); + if (!contract.canonicalImports.some((entry) => entry.specifier === 'layout-style-css' && entry.owner === 'layout-style-css')) throw new TypeError('Ecosystem Layout canonical import is required.'); + if (!contract.canonicalImports.some((entry) => entry.specifier === 'ui-style-kit-css/visual.css') || !contract.canonicalImports.some((entry) => entry.specifier === 'ui-style-kit-css/interactive-surface-theme.css') || !contract.canonicalImports.some((entry) => entry.specifier === 'interactive-surface-css/state-core.css')) throw new TypeError('Ecosystem canonical imports are incomplete.'); for (const entry of contract.deprecatedImports) if (entry.status !== 'deprecated' || typeof entry.replacement !== 'string') throw new TypeError('Ecosystem deprecated import is invalid.'); + const deprecatedSpecifiers = new Set(contract.deprecatedImports.map((entry) => entry.specifier)); + if (!deprecatedSpecifiers.has('ui-style-kit-css/interactive-surface-bridge.css') || !deprecatedSpecifiers.has('ui-style-kit-css/with-bridge.css')) throw new TypeError('Ecosystem deprecated imports are incomplete.'); } diff --git a/scripts/ecosystem-pack-sources.mjs b/scripts/ecosystem-pack-sources.mjs index 717d1d7..d5c10c0 100644 --- a/scripts/ecosystem-pack-sources.mjs +++ b/scripts/ecosystem-pack-sources.mjs @@ -3,10 +3,7 @@ import path from 'node:path'; export function resolveInteractiveSource(options, environment, rootDir) { // A local environment override must outrank the registry default for CI and linked worktrees. const localRepo = options.interactiveRepo ?? environment.UI_STYLE_KIT_INTERACTIVE_REPO; - const interactiveSpec = - options.interactiveSpec ?? - environment.UI_STYLE_KIT_INTERACTIVE_SPEC ?? - (localRepo ? null : 'interactive-surface-css@1.5.0'); + const interactiveSpec = options.interactiveSpec ?? environment.UI_STYLE_KIT_INTERACTIVE_SPEC ?? null; return { interactiveSpec, diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index 394818f..1ee0578 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -8,11 +8,6 @@ import { extractPackageImports } from '../scripts/documented-imports.mjs'; const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); const compatibilityPath = path.join(rootDir, 'ecosystem-compatibility.json'); -const siblingRepositories = new Map([ - ['interactive-surface-css', path.resolve(rootDir, '..', 'Interactive-Surface-CSS')], - ['layout-style-css', path.resolve(rootDir, '..', 'Layout-Style-CSS')], - ['ui-style-kit-css', rootDir] -]); test('authoritative ecosystem compatibility contract validates supported combinations and exports', async () => { assert.ok(fs.existsSync(compatibilityPath), 'ecosystem-compatibility.json must be the checked-in compatibility source'); @@ -49,29 +44,7 @@ test('authoritative ecosystem compatibility contract validates supported combina } } - for (const packageDefinition of compatibility.packages) { - const repository = siblingRepositories.get(packageDefinition.name); - const packageJson = JSON.parse(fs.readFileSync(path.join(repository, 'package.json'), 'utf8')); - assert.equal( - packageJson.version, - compatibility.supportedCombinations.current[packageDefinition.name], - `${packageDefinition.name} current combination must match its checked-out package` - ); - } - - for (const importDefinition of compatibility.canonicalImports) { - const [packageName, exportPath] = splitPackageSpecifier(importDefinition.specifier); - const packageJson = JSON.parse( - fs.readFileSync(path.join(siblingRepositories.get(packageName), 'package.json'), 'utf8') - ); - const exportTarget = packageJson.exports[exportPath]; - - assert.equal(typeof exportTarget, 'string', `${importDefinition.specifier} must stay publicly exported`); - assert.ok( - fs.existsSync(path.join(siblingRepositories.get(packageName), exportTarget.replace(/^\.\//, ''))), - `${importDefinition.specifier} must point to a checked-in artifact` - ); - } + // Packed artifact validation performs cross-repository export checks in its staged CI job. }); test('current ecosystem documentation consumes canonical imports from the compatibility contract', () => { @@ -104,18 +77,6 @@ test('current ecosystem documentation consumes canonical imports from the compat } }); -function splitPackageSpecifier(specifier) { - for (const packageName of siblingRepositories.keys()) { - if (specifier === packageName) { - return [packageName, '.']; - } - if (specifier.startsWith(`${packageName}/`)) { - return [packageName, `./${specifier.slice(packageName.length + 1)}`]; - } - } - throw new Error(`Unknown ecosystem package specifier: ${specifier}`); -} - function satisfiesRange(version, range) { const rangeMatch = /^>=(\d+)\.(\d+)\.(\d+) <(\d+)\.0\.0$/.exec(range); assert.ok(rangeMatch, `Unsupported range syntax: ${range}`); diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index e362073..119148a 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -4,11 +4,12 @@ import fs from 'node:fs'; import path from 'node:path'; import { fileURLToPath } from 'node:url'; -import { validateSharedManifest } from '../scripts/ecosystem-manifest-schema.mjs'; +import { validateEcosystemCompatibility, validateSharedManifest } from '../scripts/ecosystem-manifest-schema.mjs'; import { resolveInteractiveSource } from '../scripts/ecosystem-pack-sources.mjs'; const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); const uiManifest = JSON.parse(fs.readFileSync(path.join(rootDir, 'manifest.json'), 'utf8')); +const ecosystemCompatibility = JSON.parse(fs.readFileSync(path.join(rootDir, 'ecosystem-compatibility.json'), 'utf8')); test('shared ecosystem manifest policy is required for every package manifest', () => { assert.doesNotThrow(() => validateSharedManifest(uiManifest)); @@ -25,3 +26,43 @@ test('environment-only Interactive repository selection uses the local source', assert.equal(source.interactiveSpec, null); assert.equal(source.interactiveRepo, path.resolve(localRepo)); }); + +test('default Interactive source does not require a pre-Task-4 registry package', () => { + const source = resolveInteractiveSource({}, {}, rootDir); + + assert.equal(source.interactiveSpec, null); + assert.equal(source.interactiveRepo, path.join(rootDir, '..', 'Interactive-Surface-CSS')); +}); + +test('ecosystem compatibility rejects malformed identity and relationship metadata', () => { + assert.doesNotThrow(() => validateEcosystemCompatibility(ecosystemCompatibility)); + + for (const mutate of [ + (contract) => (contract.packages[0].name = 'unexpected-package'), + (contract) => (contract.canonicalImports[0].owner = 'layout-style-css'), + (contract) => (contract.canonicalImports[0].specifier = 'layout-style-css/visual.css'), + (contract) => (contract.deprecatedImports = []) + ]) { + const invalid = structuredClone(ecosystemCompatibility); + mutate(invalid); + assert.throws(() => validateEcosystemCompatibility(invalid)); + } +}); + +test('ecosystem compatibility pins immutable companion sources', () => { + assert.deepEqual(ecosystemCompatibility.packageSources, { + 'ui-style-kit-css': { checkout: 'current' }, + 'interactive-surface-css': { + repository: 'Foscat/Interactive-Surface-CSS', + revision: 'c1246afa8dee33c95e12db3e1396a9577d1cb557' + }, + 'layout-style-css': { + repository: 'Foscat/Layout-Style-CSS', + revision: '0abd21357f464c2e3b034f7cd42a6c890538148e' + } + }); + + const mutableRevision = structuredClone(ecosystemCompatibility); + mutableRevision.packageSources['interactive-surface-css'].revision = 'main'; + assert.throws(() => validateEcosystemCompatibility(mutableRevision), /source metadata/); +}); diff --git a/tests/package-integrity.test.js b/tests/package-integrity.test.js index 82c4581..6fe2af1 100644 --- a/tests/package-integrity.test.js +++ b/tests/package-integrity.test.js @@ -453,33 +453,37 @@ test('release verification script is non-publishing and covers the full release assert.equal(packageJson.scripts.prepublishOnly, 'npm run release:verify'); }); -test('publishing docs expose the packed ecosystem compatibility gate', () => { +test('publishing docs expose the coordinated packed ecosystem compatibility gate', () => { const publishingGuide = fs.readFileSync(path.join(rootDir, 'docs', 'PUBLISHING.md'), 'utf8'); assert.match(packageJson.scripts['check:ecosystem:packs'], /scripts\/check-ecosystem-packs\.mjs/); assert.ok(fs.existsSync(path.join(rootDir, 'scripts', 'check-ecosystem-packs.mjs'))); assert.match(publishingGuide, /npm run check:ecosystem:packs/); assert.match(publishingGuide, /standalone, pairwise, and all-three packed package compatibility/i); - assert.match(publishingGuide, /--ui-spec ui-style-kit-css@2\.1\.0/); - assert.match(publishingGuide, /--layout-spec layout-style-css@3\.0\.0/); - assert.match(publishingGuide, /--interactive-spec interactive-surface-css@1\.5\.0/); + assert.match(publishingGuide, /--layout-repo \.\.\/Layout-Style-CSS/); + assert.match(publishingGuide, /--interactive-repo \.\.\/Interactive-Surface-CSS/); + assert.match(publishingGuide, /immutable revision pins from `ecosystem-compatibility\.json`/); }); -test('publishing docs describe current registry proof without re-releasing published versions', () => { +test('publishing docs describe coordinated proof without re-releasing packages', () => { const publishingGuide = fs.readFileSync(path.join(rootDir, 'docs', 'PUBLISHING.md'), 'utf8'); assert.match(publishingGuide, /No package, tag, or registry release occurs without explicit approval/i); - assert.match(publishingGuide, /already published[^\n]*ui-style-kit-css@2\.1\.0/i); - assert.match(publishingGuide, /registry-only ecosystem proof/i); + assert.match(publishingGuide, /coordinated checked-out ecosystem proof/i); + assert.doesNotMatch(publishingGuide, /--interactive-spec interactive-surface-css@1\.5\.0/); assert.doesNotMatch(publishingGuide, /Release `ui-style-kit-css@2\.(?:0\.4|1\.0)`/); }); -test('publishing workflow stages current ecosystem documentation for packed import validation', () => { +test('publishing workflow resolves immutable ecosystem sources for packed import validation', () => { const workflow = fs.readFileSync(path.join(rootDir, '.github', 'workflows', 'npm-publish.yml'), 'utf8'); - assert.match(workflow, /repository: Foscat\/Layout-Style-CSS\s+ref: 3\.0\.0/); - assert.match(workflow, /repository: Foscat\/Interactive-Surface-CSS\s+ref: 1\.5\.0/); + assert.match(workflow, /id: ecosystem_sources/); + assert.match(workflow, /contract\.packageSources\["layout-style-css"\]/); + assert.match(workflow, /contract\.packageSources\["interactive-surface-css"\]/); + assert.match(workflow, /ref: \$\{\{ steps\.ecosystem_sources\.outputs\.layout_revision \}\}/); + assert.match(workflow, /ref: \$\{\{ steps\.ecosystem_sources\.outputs\.interactive_revision \}\}/); assert.match(workflow, /UI_STYLE_KIT_LAYOUT_DOCS_REPO:/); + assert.match(workflow, /UI_STYLE_KIT_INTERACTIVE_REPO:/); assert.match(workflow, /UI_STYLE_KIT_INTERACTIVE_DOCS_REPO:/); }); From 573f6e4ee0fa08c7c2895146dd4045140e8b3d6a Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 15:29:05 -0500 Subject: [PATCH 07/42] fix: enforce ecosystem contract --- .github/workflows/ci.yml | 23 +++++++++++- .github/workflows/npm-publish.yml | 28 +++++++++++++-- docs/ECOSYSTEM.md | 4 +++ docs/PUBLISHING.md | 2 ++ scripts/ecosystem-manifest-schema.mjs | 12 ++++--- scripts/write-ecosystem-workflow-outputs.mjs | 26 ++++++++++++++ tests/ecosystem-manifest-schema.test.js | 38 ++++++++++++++++++++ tests/package-integrity.test.js | 5 +-- 8 files changed, 127 insertions(+), 11 deletions(-) create mode 100644 scripts/write-ecosystem-workflow-outputs.mjs diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 22537ab..4cefed0 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -56,9 +56,30 @@ jobs: - name: Resolve immutable ecosystem fixture sources id: ecosystem_sources shell: bash + run: node scripts/write-ecosystem-workflow-outputs.mjs + + # The companion commits must be pushed first; checking remote object reachability + # makes that sequencing failure explicit before Actions attempts a checkout. + - name: Require pushed companion commits before UI validation + shell: bash + env: + INTERACTIVE_REPOSITORY: ${{ steps.ecosystem_sources.outputs.interactive_repository }} + INTERACTIVE_REVISION: ${{ steps.ecosystem_sources.outputs.interactive_revision }} + LAYOUT_REPOSITORY: ${{ steps.ecosystem_sources.outputs.layout_repository }} + LAYOUT_REVISION: ${{ steps.ecosystem_sources.outputs.layout_revision }} run: | set -euo pipefail - node -e 'const fs = require("fs"); const contract = JSON.parse(fs.readFileSync("ecosystem-compatibility.json", "utf8")); const output = process.env.GITHUB_OUTPUT; for (const [key, source] of Object.entries({ layout: contract.packageSources["layout-style-css"], interactive: contract.packageSources["interactive-surface-css"] })) { if (!source || !/^[0-9a-f]{40}$/.test(source.revision)) throw new Error(`Invalid ${key} source revision.`); fs.appendFileSync(output, `${key}_repository=${source.repository}\n${key}_revision=${source.revision}\n`); }' + for source in "${INTERACTIVE_REPOSITORY}:${INTERACTIVE_REVISION}" "${LAYOUT_REPOSITORY}:${LAYOUT_REVISION}"; do + repository="${source%%:*}" + revision="${source##*:}" + fixture_dir="$(mktemp -d)" + if ! git init --bare "${fixture_dir}" >/dev/null || ! git -C "${fixture_dir}" fetch --no-tags --depth=1 "https://github.com/${repository}.git" "${revision}" >/dev/null 2>&1 || ! git -C "${fixture_dir}" cat-file -e "${revision}^{commit}"; then + echo "::error::${repository}@${revision} is unavailable. Push the companion commit, verify its remote object, then push or validate this UI branch." + rm -rf "${fixture_dir}" + exit 1 + fi + rm -rf "${fixture_dir}" + done - name: Checkout Layout Style CSS contract fixture uses: actions/checkout@v6 diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml index 704ef3c..e39f866 100644 --- a/.github/workflows/npm-publish.yml +++ b/.github/workflows/npm-publish.yml @@ -127,9 +127,7 @@ jobs: - name: Resolve immutable ecosystem fixture sources id: ecosystem_sources shell: bash - run: | - set -euo pipefail - node -e 'const fs = require("fs"); const contract = JSON.parse(fs.readFileSync("ecosystem-compatibility.json", "utf8")); const output = process.env.GITHUB_OUTPUT; for (const [key, source] of Object.entries({ layout: contract.packageSources["layout-style-css"], interactive: contract.packageSources["interactive-surface-css"] })) { if (!source || !/^[0-9a-f]{40}$/.test(source.revision)) throw new Error(`Invalid ${key} source revision.`); fs.appendFileSync(output, `${key}_repository=${source.repository}\n${key}_revision=${source.revision}\n`); }' + run: node scripts/write-ecosystem-workflow-outputs.mjs - name: Check if version already exists on npm id: npm_version_check @@ -147,6 +145,30 @@ jobs: echo "${PACKAGE_NAME}@${PACKAGE_VERSION} is not published yet. Proceeding to publish." fi + # Publishing validates the same remote companion objects after they are + # pushed, so a release never substitutes a stale registry artifact. + - name: Require pushed companion commits before publish verification + if: steps.npm_version_check.outputs.already_published != 'true' + shell: bash + env: + INTERACTIVE_REPOSITORY: ${{ steps.ecosystem_sources.outputs.interactive_repository }} + INTERACTIVE_REVISION: ${{ steps.ecosystem_sources.outputs.interactive_revision }} + LAYOUT_REPOSITORY: ${{ steps.ecosystem_sources.outputs.layout_repository }} + LAYOUT_REVISION: ${{ steps.ecosystem_sources.outputs.layout_revision }} + run: | + set -euo pipefail + for source in "${INTERACTIVE_REPOSITORY}:${INTERACTIVE_REVISION}" "${LAYOUT_REPOSITORY}:${LAYOUT_REVISION}"; do + repository="${source%%:*}" + revision="${source##*:}" + fixture_dir="$(mktemp -d)" + if ! git init --bare "${fixture_dir}" >/dev/null || ! git -C "${fixture_dir}" fetch --no-tags --depth=1 "https://github.com/${repository}.git" "${revision}" >/dev/null 2>&1 || ! git -C "${fixture_dir}" cat-file -e "${revision}^{commit}"; then + echo "::error::${repository}@${revision} is unavailable. Push the companion commit and verify its remote object before publish verification." + rm -rf "${fixture_dir}" + exit 1 + fi + rm -rf "${fixture_dir}" + done + - name: Ensure npm token exists if: steps.npm_version_check.outputs.already_published != 'true' shell: bash diff --git a/docs/ECOSYSTEM.md b/docs/ECOSYSTEM.md index 4b75bc2..3dd08f1 100644 --- a/docs/ECOSYSTEM.md +++ b/docs/ECOSYSTEM.md @@ -6,6 +6,10 @@ UI Style Kit CSS is the visual layer in the three-library CSS ecosystem. It can Its companion source records pin the exact repository revisions used by integration and release verification. Update those immutable pins whenever a later task changes a companion contract; Task 9/final release work replaces the interim Task 4 pins with final heads. +## Remote Validation Sequence + +The pinned companion commits are local contract fixtures until they are pushed to their GitHub repositories. Before a UI branch or pull request is expected to validate, push Interactive Surface first, then Layout Style, and verify each pinned SHA is fetchable as a remote commit object. Only then push the UI branch and verify its CI. The CI and publish workflows perform the same remote-object preflight, so they intentionally fail rather than silently substituting a mutable branch or stale registry artifact when either companion revision is unavailable. + ## Aligned Versions | Library | Current aligned version | Owns | diff --git a/docs/PUBLISHING.md b/docs/PUBLISHING.md index 6e05067..634f52f 100644 --- a/docs/PUBLISHING.md +++ b/docs/PUBLISHING.md @@ -14,6 +14,8 @@ By default, `npm run check:ecosystem:packs` packs this repository and the siblin The PR integration and npm-publish workflows read the companion repository and immutable revision pins from `ecosystem-compatibility.json`, then pack those coordinated Task 4 artifacts. Advance those pins whenever later work changes a companion contract; Task 9/final release work is responsible for replacing these interim fixture revisions with final heads. +Before expecting a UI pull request or release verification to pass, push the Interactive Surface and Layout Style commits, verify both pinned SHAs as remote commit objects, then push the UI branch and verify its CI. The workflows enforce that order with a remote-object fetch preflight and do not fall back to mutable branches or registry packages. + `npm run build` uses exactly pinned CSS Tree parsing and Lightning CSS formatting/minification. Generated minified bundles retain the release banner while preserving grammar-sensitive selector and `calc()` whitespace. The npm artifact is library-focused: `dist/`, `styles/`, docs, and metadata. Demo pages, favicon source assets, and social preview images remain checked in for GitHub Pages but are excluded from the tarball to keep package installs small. diff --git a/scripts/ecosystem-manifest-schema.mjs b/scripts/ecosystem-manifest-schema.mjs index 395dfb6..f4c8850 100644 --- a/scripts/ecosystem-manifest-schema.mjs +++ b/scripts/ecosystem-manifest-schema.mjs @@ -30,11 +30,11 @@ export function validateSharedManifest(manifest) { // The cross-package contract is deliberately narrow so each package remains standalone. export function validateEcosystemCompatibility(contract) { if (!contract || contract.schemaVersion !== 1) throw new TypeError('Ecosystem compatibility schemaVersion must be 1.'); - if (contract.ownership?.repository !== 'ui-style-kit-css' || contract.ownership?.status !== 'temporary') throw new TypeError('Ecosystem compatibility ownership is invalid.'); + if (contract.ownership?.repository !== 'ui-style-kit-css' || contract.ownership?.status !== 'temporary' || typeof contract.ownership?.note !== 'string' || contract.ownership.note.trim().length === 0) throw new TypeError('Ecosystem compatibility ownership is invalid.'); if (!Array.isArray(contract.packages) || !contract.packageSources || !contract.supportedCombinations || !Array.isArray(contract.canonicalImports) || !Array.isArray(contract.deprecatedImports)) throw new TypeError('Ecosystem compatibility required fields are missing.'); const requiredPackages = new Set(['ui-style-kit-css', 'interactive-surface-css', 'layout-style-css']); const packageNames = new Set(contract.packages.map((definition) => definition.name)); - if (packageNames.size !== requiredPackages.size || [...requiredPackages].some((name) => !packageNames.has(name))) throw new TypeError('Ecosystem compatibility package identity is invalid.'); + if (contract.packages.length !== packageNames.size || packageNames.size !== requiredPackages.size || [...requiredPackages].some((name) => !packageNames.has(name))) throw new TypeError('Ecosystem compatibility package identity is invalid.'); if (Object.keys(contract.packageSources).length !== requiredPackages.size || [...requiredPackages].some((name) => !(name in contract.packageSources))) throw new TypeError('Ecosystem compatibility source metadata is invalid.'); if (contract.packageSources['ui-style-kit-css']?.checkout !== 'current') throw new TypeError('Ecosystem compatibility source metadata is invalid.'); for (const [name, repository] of Object.entries({ @@ -45,15 +45,17 @@ export function validateEcosystemCompatibility(contract) { if (source?.repository !== repository || !/^[0-9a-f]{40}$/.test(source.revision ?? '')) throw new TypeError('Ecosystem compatibility source metadata is invalid.'); } for (const definition of contract.packages) { - if (!/^>=\d+\.\d+\.\d+ <\d+\.0\.0$/.test(definition.supportedRange)) throw new TypeError('Ecosystem compatibility supportedRange is invalid.'); + if (!definition || typeof definition.owns !== 'string' || definition.owns.trim().length === 0 || !/^>=\d+\.\d+\.\d+ <\d+\.0\.0$/.test(definition.supportedRange)) throw new TypeError('Ecosystem compatibility package ownership or supportedRange is invalid.'); for (const combination of ['minimum', 'current']) { if (!/^\d+\.\d+\.\d+$/.test(contract.supportedCombinations[combination]?.[definition.name])) throw new TypeError('Ecosystem compatibility version is invalid.'); } } + const canonicalSpecifiers = new Set(contract.canonicalImports.map((entry) => entry.specifier)); + if (canonicalSpecifiers.size !== contract.canonicalImports.length) throw new TypeError('Ecosystem canonical imports must be unique.'); for (const entry of contract.canonicalImports) if (typeof entry.specifier !== 'string' || !packageNames.has(entry.owner) || (entry.specifier !== entry.owner && !entry.specifier.startsWith(`${entry.owner}/`))) throw new TypeError('Ecosystem canonical import is invalid.'); if (!contract.canonicalImports.some((entry) => entry.specifier === 'layout-style-css' && entry.owner === 'layout-style-css')) throw new TypeError('Ecosystem Layout canonical import is required.'); if (!contract.canonicalImports.some((entry) => entry.specifier === 'ui-style-kit-css/visual.css') || !contract.canonicalImports.some((entry) => entry.specifier === 'ui-style-kit-css/interactive-surface-theme.css') || !contract.canonicalImports.some((entry) => entry.specifier === 'interactive-surface-css/state-core.css')) throw new TypeError('Ecosystem canonical imports are incomplete.'); - for (const entry of contract.deprecatedImports) if (entry.status !== 'deprecated' || typeof entry.replacement !== 'string') throw new TypeError('Ecosystem deprecated import is invalid.'); + for (const entry of contract.deprecatedImports) if (typeof entry?.specifier !== 'string' || !entry.specifier.startsWith('ui-style-kit-css/') || entry.status !== 'deprecated' || typeof entry.replacement !== 'string' || !canonicalSpecifiers.has(entry.replacement)) throw new TypeError('Ecosystem deprecated import is invalid.'); const deprecatedSpecifiers = new Set(contract.deprecatedImports.map((entry) => entry.specifier)); - if (!deprecatedSpecifiers.has('ui-style-kit-css/interactive-surface-bridge.css') || !deprecatedSpecifiers.has('ui-style-kit-css/with-bridge.css')) throw new TypeError('Ecosystem deprecated imports are incomplete.'); + if (deprecatedSpecifiers.size !== contract.deprecatedImports.length || !deprecatedSpecifiers.has('ui-style-kit-css/interactive-surface-bridge.css') || !deprecatedSpecifiers.has('ui-style-kit-css/with-bridge.css')) throw new TypeError('Ecosystem deprecated imports are incomplete.'); } diff --git a/scripts/write-ecosystem-workflow-outputs.mjs b/scripts/write-ecosystem-workflow-outputs.mjs new file mode 100644 index 0000000..f747624 --- /dev/null +++ b/scripts/write-ecosystem-workflow-outputs.mjs @@ -0,0 +1,26 @@ +import fs from 'node:fs'; +import path from 'node:path'; +import { fileURLToPath } from 'node:url'; + +import { validateEcosystemCompatibility } from './ecosystem-manifest-schema.mjs'; + +const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); +const outputPath = process.env.GITHUB_OUTPUT; +const contract = JSON.parse(fs.readFileSync(path.join(rootDir, 'ecosystem-compatibility.json'), 'utf8')); + +validateEcosystemCompatibility(contract); +if (!outputPath) throw new Error('GITHUB_OUTPUT is required to write the ecosystem workflow contract.'); + +const companionNames = ['interactive-surface-css', 'layout-style-css']; +const outputs = { + requires_companion_remote_push: 'true', + remote_verification_order: [...companionNames, 'ui-style-kit-css'].join(','), + layout_repository: contract.packageSources['layout-style-css'].repository, + layout_revision: contract.packageSources['layout-style-css'].revision, + interactive_repository: contract.packageSources['interactive-surface-css'].repository, + interactive_revision: contract.packageSources['interactive-surface-css'].revision +}; + +// A UI pull request can only validate after these immutable companion commits are reachable on GitHub. +fs.appendFileSync(outputPath, `${Object.entries(outputs).map(([key, value]) => `${key}=${value}`).join('\n')}\n`); +console.log(`Workflow contract requires remote companion commits before UI validation: ${companionNames.join(', ')}.`); diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 119148a..6d6addc 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -1,6 +1,8 @@ import test from 'node:test'; import assert from 'node:assert/strict'; +import { execFileSync } from 'node:child_process'; import fs from 'node:fs'; +import os from 'node:os'; import path from 'node:path'; import { fileURLToPath } from 'node:url'; @@ -49,6 +51,19 @@ test('ecosystem compatibility rejects malformed identity and relationship metada } }); +test('ecosystem compatibility rejects duplicate and incomplete ownership metadata', () => { + for (const mutate of [ + (contract) => contract.packages.push(structuredClone(contract.packages[0])), + (contract) => contract.deprecatedImports.push({ status: 'deprecated', replacement: 'ui-style-kit-css/visual.css' }), + (contract) => delete contract.ownership.note, + (contract) => (contract.packages[0].owns = '') + ]) { + const invalid = structuredClone(ecosystemCompatibility); + mutate(invalid); + assert.throws(() => validateEcosystemCompatibility(invalid)); + } +}); + test('ecosystem compatibility pins immutable companion sources', () => { assert.deepEqual(ecosystemCompatibility.packageSources, { 'ui-style-kit-css': { checkout: 'current' }, @@ -66,3 +81,26 @@ test('ecosystem compatibility pins immutable companion sources', () => { mutableRevision.packageSources['interactive-surface-css'].revision = 'main'; assert.throws(() => validateEcosystemCompatibility(mutableRevision), /source metadata/); }); + +test('workflow outputs require pushed companion revisions before UI validation', () => { + const tempDir = fs.mkdtempSync(path.join(os.tmpdir(), 'usk-ecosystem-workflow-contract-')); + const outputPath = path.join(tempDir, 'github-output.txt'); + + try { + execFileSync(process.execPath, ['scripts/write-ecosystem-workflow-outputs.mjs'], { + cwd: rootDir, + env: { ...process.env, GITHUB_OUTPUT: outputPath }, + stdio: 'pipe' + }); + const outputs = Object.fromEntries( + fs.readFileSync(outputPath, 'utf8').trim().split('\n').map((line) => line.split('=')) + ); + + assert.equal(outputs.requires_companion_remote_push, 'true'); + assert.equal(outputs.remote_verification_order, 'interactive-surface-css,layout-style-css,ui-style-kit-css'); + assert.equal(outputs.interactive_revision, ecosystemCompatibility.packageSources['interactive-surface-css'].revision); + assert.equal(outputs.layout_revision, ecosystemCompatibility.packageSources['layout-style-css'].revision); + } finally { + fs.rmSync(tempDir, { recursive: true, force: true }); + } +}); diff --git a/tests/package-integrity.test.js b/tests/package-integrity.test.js index 6fe2af1..542eabb 100644 --- a/tests/package-integrity.test.js +++ b/tests/package-integrity.test.js @@ -478,8 +478,9 @@ test('publishing workflow resolves immutable ecosystem sources for packed import const workflow = fs.readFileSync(path.join(rootDir, '.github', 'workflows', 'npm-publish.yml'), 'utf8'); assert.match(workflow, /id: ecosystem_sources/); - assert.match(workflow, /contract\.packageSources\["layout-style-css"\]/); - assert.match(workflow, /contract\.packageSources\["interactive-surface-css"\]/); + assert.match(workflow, /node scripts\/write-ecosystem-workflow-outputs\.mjs/); + assert.match(workflow, /Require pushed companion commits before publish verification/); + assert.match(workflow, /git -C "\$\{fixture_dir\}" fetch --no-tags --depth=1/); assert.match(workflow, /ref: \$\{\{ steps\.ecosystem_sources\.outputs\.layout_revision \}\}/); assert.match(workflow, /ref: \$\{\{ steps\.ecosystem_sources\.outputs\.interactive_revision \}\}/); assert.match(workflow, /UI_STYLE_KIT_LAYOUT_DOCS_REPO:/); From a94f493b0fca31a4ad94e61bee22c195085ca48f Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 15:46:25 -0500 Subject: [PATCH 08/42] docs: align layout metadata pin --- docs/ECOSYSTEM.md | 10 ++++++++++ ecosystem-compatibility.json | 2 +- tests/ecosystem-compatibility.test.js | 5 +++++ tests/ecosystem-manifest-schema.test.js | 2 +- wiki/Ecosystem-Compatibility.md | 10 ++++++++++ 5 files changed, 27 insertions(+), 2 deletions(-) diff --git a/docs/ECOSYSTEM.md b/docs/ECOSYSTEM.md index 3dd08f1..973b3f5 100644 --- a/docs/ECOSYSTEM.md +++ b/docs/ECOSYSTEM.md @@ -20,6 +20,16 @@ The pinned companion commits are local contract fixtures until they are pushed t UI Style Kit `2.1.0`, Interactive Surface `1.5.0`, and Layout Style `3.0.0` are released companion packages for this integration contract. +## Layout-to-visual pairing matrix + +Pairings are recommendations, never dependencies. `data-ly-layout`, `data-ui`, `data-theme`, and `data-mode` remain independently selectable; `layout-style-css/personalities.json` publishes the machine-readable source. + +| Layout personality | Visual guidance | +| --- | --- | +| Minimal SaaS, Bento, Maximalist, Bauhaus, Tactile, Neumorphism, Retrofuturism, Brutalism, Cyberpunk, Y2K, Retro Glass | Native UI Style Kit match with the same identifier | +| F-pattern, Z-pattern, Split Screen, Mondrian | Any UI Style Kit visual preset; these are structure-only layouts | +| Synthwave | Recommend `cyberpunk` or `retrofuturism`; Layout's rendered demo verifies each preset while keeping the synthwave layout selected | + ## Adoption Paths ### Use one diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index c42cb41..47bb936 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -13,7 +13,7 @@ }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "0abd21357f464c2e3b034f7cd42a6c890538148e" + "revision": "a5c5897f11915b61481460fcf2f13e3a4c81cd1a" } }, "packages": [ diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index 1ee0578..b272430 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -26,6 +26,11 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.schemaVersion, 1); assert.equal(compatibility.ownership.repository, 'ui-style-kit-css'); assert.equal(compatibility.ownership.status, 'temporary'); + assert.equal( + compatibility.packageSources['layout-style-css'].revision, + 'a5c5897f11915b61481460fcf2f13e3a4c81cd1a', + 'The ecosystem fixture must pin the Layout commit that publishes personality metadata.' + ); assert.deepEqual( compatibility.packages.map(({ name, supportedRange }) => [name, supportedRange]), [ diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 6d6addc..279144b 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -73,7 +73,7 @@ test('ecosystem compatibility pins immutable companion sources', () => { }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: '0abd21357f464c2e3b034f7cd42a6c890538148e' + revision: 'a5c5897f11915b61481460fcf2f13e3a4c81cd1a' } }); diff --git a/wiki/Ecosystem-Compatibility.md b/wiki/Ecosystem-Compatibility.md index 904c65a..11f1993 100644 --- a/wiki/Ecosystem-Compatibility.md +++ b/wiki/Ecosystem-Compatibility.md @@ -12,6 +12,16 @@ UI Style Kit CSS stays standalone while offering stable integration points for t UI Style Kit `2.1.0`, Interactive Surface `1.5.0`, and Layout Style `3.0.0` are released companion packages for this integration contract. +## Layout-to-visual pairing matrix + +The pairings in `layout-style-css/personalities.json` are recommendations, never dependencies. `data-ly-layout`, `data-ui`, `data-theme`, and `data-mode` remain independently selectable. + +| Layout personality | Visual guidance | +| --- | --- | +| Minimal SaaS, Bento, Maximalist, Bauhaus, Tactile, Neumorphism, Retrofuturism, Brutalism, Cyberpunk, Y2K, Retro Glass | Native UI Style Kit match with the same identifier | +| F-pattern, Z-pattern, Split Screen, Mondrian | Any UI Style Kit visual preset; these are structure-only layouts | +| Synthwave | Recommend `cyberpunk` or `retrofuturism`; rendered computed-style verification preserves the independent synthwave layout selector | + ## Adoption Paths ### Use one From d935e08214ac3d77845e6cc3e1bc76371f5b860a Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 16:19:17 -0500 Subject: [PATCH 09/42] fix: pin generated layout metadata --- ecosystem-compatibility.json | 2 +- tests/ecosystem-compatibility.test.js | 2 +- tests/ecosystem-manifest-schema.test.js | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index 47bb936..df00c7e 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -13,7 +13,7 @@ }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "a5c5897f11915b61481460fcf2f13e3a4c81cd1a" + "revision": "6bc94bb394dc2c1571d856ecd9a85862e058852b" } }, "packages": [ diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index b272430..dfdde38 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -28,7 +28,7 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.ownership.status, 'temporary'); assert.equal( compatibility.packageSources['layout-style-css'].revision, - 'a5c5897f11915b61481460fcf2f13e3a4c81cd1a', + '6bc94bb394dc2c1571d856ecd9a85862e058852b', 'The ecosystem fixture must pin the Layout commit that publishes personality metadata.' ); assert.deepEqual( diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 279144b..bc6e72c 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -73,7 +73,7 @@ test('ecosystem compatibility pins immutable companion sources', () => { }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: 'a5c5897f11915b61481460fcf2f13e3a4c81cd1a' + revision: '6bc94bb394dc2c1571d856ecd9a85862e058852b' } }); From 12b13d310f5b7a1375c66d87c36b26f67fb46f65 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 17:01:52 -0500 Subject: [PATCH 10/42] test: pin reviewed companion manifests --- ecosystem-compatibility.json | 4 ++-- tests/ecosystem-compatibility.test.js | 4 ++-- tests/ecosystem-manifest-schema.test.js | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index df00c7e..231650e 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -9,11 +9,11 @@ "ui-style-kit-css": { "checkout": "current" }, "interactive-surface-css": { "repository": "Foscat/Interactive-Surface-CSS", - "revision": "c1246afa8dee33c95e12db3e1396a9577d1cb557" + "revision": "6512911710743dfef47f339f206a635703156ead" }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "6bc94bb394dc2c1571d856ecd9a85862e058852b" + "revision": "4332a21a6b0eff8f7756e086b487dbb9a517e8fc" } }, "packages": [ diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index dfdde38..6ad8ed9 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -28,8 +28,8 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.ownership.status, 'temporary'); assert.equal( compatibility.packageSources['layout-style-css'].revision, - '6bc94bb394dc2c1571d856ecd9a85862e058852b', - 'The ecosystem fixture must pin the Layout commit that publishes personality metadata.' + '4332a21a6b0eff8f7756e086b487dbb9a517e8fc', + 'The ecosystem fixture must pin the Layout commit with the reviewed public geometry inventory.' ); assert.deepEqual( compatibility.packages.map(({ name, supportedRange }) => [name, supportedRange]), diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index bc6e72c..6f17e0d 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -69,11 +69,11 @@ test('ecosystem compatibility pins immutable companion sources', () => { 'ui-style-kit-css': { checkout: 'current' }, 'interactive-surface-css': { repository: 'Foscat/Interactive-Surface-CSS', - revision: 'c1246afa8dee33c95e12db3e1396a9577d1cb557' + revision: '6512911710743dfef47f339f206a635703156ead' }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: '6bc94bb394dc2c1571d856ecd9a85862e058852b' + revision: '4332a21a6b0eff8f7756e086b487dbb9a517e8fc' } }); From f4283796a351d12be2b92cfe35ba3b6a65b7641c Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 17:30:50 -0500 Subject: [PATCH 11/42] test: add clean-install ecosystem contract fixture --- .github/workflows/ci.yml | 14 +- docs/PUBLISHING.md | 8 +- package.json | 5 +- scripts/check-ecosystem-packs.mjs | 531 +++++++++++++----- ...install-ecosystem-contract.integration.mjs | 38 ++ tests/package-integrity.test.js | 22 +- tests/snapshots/clean-install/all-three.png | Bin 0 -> 43944 bytes .../clean-install/ui-interaction.png | Bin 0 -> 44929 bytes tests/snapshots/clean-install/ui-layout.png | Bin 0 -> 52664 bytes 9 files changed, 467 insertions(+), 151 deletions(-) create mode 100644 tests/clean-install-ecosystem-contract.integration.mjs create mode 100644 tests/snapshots/clean-install/all-three.png create mode 100644 tests/snapshots/clean-install/ui-interaction.png create mode 100644 tests/snapshots/clean-install/ui-layout.png diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 4cefed0..d73bed0 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -99,9 +99,19 @@ jobs: working-directory: _ecosystem/Layout-Style-CSS run: npm ci + - name: Install Interactive Surface CSS fixture dependencies + working-directory: _ecosystem/Interactive-Surface-CSS + run: npm ci + + - name: Install clean-consumer browser + run: npx playwright install --with-deps chromium + # This PR-safe gate installs only packed artifacts and never publishes. - - name: Resolve documented npm exports from packed artifacts - run: npm run check:ecosystem:packs -- --layout-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS --layout-docs-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-docs-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS --skip-browser + - name: Verify current packed ecosystem matrix + run: npm run check:ecosystem:current -- --layout-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS --layout-docs-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-docs-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS + + - name: Verify minimum published ecosystem matrix + run: npm run check:ecosystem:minimum playwright: name: Playwright E2E diff --git a/docs/PUBLISHING.md b/docs/PUBLISHING.md index 634f52f..9b0711f 100644 --- a/docs/PUBLISHING.md +++ b/docs/PUBLISHING.md @@ -8,9 +8,13 @@ npm run release:verify `npm run release:verify` is the non-publishing release gate. It runs `npm run check`, `npm run test:e2e`, `npm run test:axe`, `npm run test:visual`, `npm run test:matrix`, `npm run check:ecosystem:packs`, `npm audit --audit-level=moderate`, and `npm run pack:dry-run`. -`npm run check` rebuilds dist CSS, runs stylelint, executes package, class API, shared theme-color, and vendor-prefix unit checks, validates core text/link contrast pairs and filled component `on-*` contrast pairs, and confirms package metadata. Browser gates cover regular demo flows, representative Axe scans, curated visual smoke checks, and the sharded 990-combination matrix. `npm run check:ecosystem:packs` verifies standalone, pairwise, and all-three packed package compatibility for the canonical visual/theme/state/layout imports and the deprecated bridge imports. `npm run pack:dry-run` shows the exact files that would publish. +`npm run check` rebuilds dist CSS, runs stylelint, executes package, class API, shared theme-color, and vendor-prefix unit checks, validates core text/link contrast pairs and filled component `on-*` contrast pairs, and confirms package metadata. Browser gates cover regular demo flows, representative Axe scans, curated visual smoke checks, and the sharded 990-combination matrix. `npm run check:ecosystem:packs` verifies standalone, pairwise, and all-three packed package compatibility for the canonical visual/theme/state/layout imports and the deprecated bridge imports in both supported matrices. `npm run pack:dry-run` shows the exact files that would publish. -By default, `npm run check:ecosystem:packs` packs this repository and the sibling `../Layout-Style-CSS` and `../Interactive-Surface-CSS` checkouts. It extracts imports from the explicitly maintained current documentation in all three repositories and resolves every documented specifier from the installed tarballs. Deprecated UI bridge guides are validated as a separate supported-compatibility class; changelogs and Layout migration guides are reviewed historical material rather than current setup. Use `-- --ui-spec `, `-- --layout-repo `, `-- --layout-spec `, `-- --interactive-spec `, `-- --interactive-repo `, `-- --layout-docs-repo `, or `-- --interactive-docs-repo ` when validating different package or documentation sources. +`npm run check:ecosystem:current` packs this repository and the sibling `../Layout-Style-CSS` and `../Interactive-Surface-CSS` checkouts. It extracts imports from the explicitly maintained current documentation in all three repositories and resolves every documented specifier from the installed tarballs. Deprecated UI bridge guides are validated as a separate supported-compatibility class; changelogs and Layout migration guides are reviewed historical material rather than current setup. Use `-- --ui-spec `, `-- --layout-repo `, `-- --layout-spec `, `-- --interactive-spec `, `-- --interactive-repo `, `-- --layout-docs-repo `, or `-- --interactive-docs-repo ` when validating different package or documentation sources. + +`npm run check:ecosystem:minimum` downloads and repacks the declared minimum published runtime versions: `ui-style-kit-css@2.1.0`, `interactive-surface-css@1.5.0`, and `layout-style-css@3.0.0`. Those tarballs predate the additive shared-manifest policy introduced on the coordinated branches, so the minimum matrix validates their exact installed versions and published CSS entry points; current packed heads retain the stricter manifest-schema and current-documentation checks. `npm run check:ecosystem:packs` runs current first and minimum second. + +Both matrices install fresh tarball consumers for UI only, Interaction only, Layout only, every pair, and all three. Chromium then checks selected theme paint, native and prefixed components, interaction focus/disabled/loading/selected/persistent states, Layout wrappers/primitives/recipes/personalities, console cleanliness, and an empty external-request log. Three text-free baselines under `tests/snapshots/clean-install/` cover the highest-risk integrated combinations. To intentionally refresh them, run the current checker with `--update-snapshots`, inspect all three images, and rerun without that flag. The PR integration and npm-publish workflows read the companion repository and immutable revision pins from `ecosystem-compatibility.json`, then pack those coordinated Task 4 artifacts. Advance those pins whenever later work changes a companion contract; Task 9/final release work is responsible for replacing these interim fixture revisions with final heads. diff --git a/package.json b/package.json index 92de4ea..2447e80 100644 --- a/package.json +++ b/package.json @@ -173,7 +173,10 @@ "test:axe": "playwright test --config playwright.config.js tests/e2e/accessibility.spec.js", "test:matrix": "playwright test --config playwright.matrix.config.js", "test:e2e:install:ci": "playwright install --with-deps chromium firefox webkit", - "check:ecosystem:packs": "node scripts/check-ecosystem-packs.mjs", + "check:ecosystem:current": "node scripts/check-ecosystem-packs.mjs --matrix current", + "check:ecosystem:minimum": "node scripts/check-ecosystem-packs.mjs --matrix minimum --skip-docs", + "check:ecosystem:packs": "npm run check:ecosystem:current && npm run check:ecosystem:minimum", + "test:ecosystem:clean-install": "node --test tests/clean-install-ecosystem-contract.integration.mjs", "check": "npm run build && npm run lint && npm run test:unit && npm run check:contrast && npm run check:package", "pack:dry-run": "npm pack --dry-run", "prepack": "npm run check", diff --git a/scripts/check-ecosystem-packs.mjs b/scripts/check-ecosystem-packs.mjs index 1710780..cfcc004 100644 --- a/scripts/check-ecosystem-packs.mjs +++ b/scripts/check-ecosystem-packs.mjs @@ -15,13 +15,19 @@ const rootDir = path.resolve(scriptDir, '..'); const ecosystemCompatibility = JSON.parse(fs.readFileSync(path.join(rootDir, 'ecosystem-compatibility.json'), 'utf8')); validateEcosystemCompatibility(ecosystemCompatibility); const canonicalEntrypoints = ecosystemCompatibility.canonicalImports.map(({ specifier }) => specifier); -const expectedPackageVersions = ecosystemCompatibility.supportedCombinations.current; const npmRunner = npmInvocation(); const tempPrefix = 'usk-ecosystem-packs-'; +const visualSnapshotDir = path.join(rootDir, 'tests', 'snapshots', 'clean-install'); +const visualSnapshotScenarios = new Set(['ui-interaction', 'ui-layout', 'all-three']); const options = parseArgs(process.argv.slice(2)); -const uiSpec = options.uiSpec ?? process.env.UI_STYLE_KIT_UI_SPEC; -const layoutSpec = options.layoutSpec ?? process.env.UI_STYLE_KIT_LAYOUT_SPEC; +const expectedPackageVersions = ecosystemCompatibility.supportedCombinations[options.matrix]; +const publishedMinimumSpec = (packageName) => + options.matrix === 'minimum' ? `${packageName}@${expectedPackageVersions[packageName]}` : null; +const uiSpec = + options.uiSpec ?? process.env.UI_STYLE_KIT_UI_SPEC ?? publishedMinimumSpec('ui-style-kit-css'); +const layoutSpec = + options.layoutSpec ?? process.env.UI_STYLE_KIT_LAYOUT_SPEC ?? publishedMinimumSpec('layout-style-css'); const layoutRepo = layoutSpec ? null : path.resolve( @@ -33,7 +39,14 @@ const layoutDocsRepo = path.resolve( layoutRepo ?? path.join(rootDir, '..', 'Layout-Style-CSS') ); -const { interactiveSpec, interactiveRepo } = resolveInteractiveSource(options, process.env, rootDir); +const interactiveOptions = { + ...options, + interactiveSpec: + options.interactiveSpec ?? + process.env.UI_STYLE_KIT_INTERACTIVE_SPEC ?? + publishedMinimumSpec('interactive-surface-css') +}; +const { interactiveSpec, interactiveRepo } = resolveInteractiveSource(interactiveOptions, process.env, rootDir); const interactiveDocsRepo = path.resolve( options.interactiveDocsRepo ?? process.env.UI_STYLE_KIT_INTERACTIVE_DOCS_REPO ?? @@ -166,9 +179,27 @@ const interactiveEntrypoints = [ 'interactive-surface-css/standalone-preset.css' ]; -const pairedScenarios = [ +const ecosystemScenarios = [ { - name: 'ui-plus-interactive', + name: 'ui-only', + packages: ['ui'], + entrypoints: uiEntrypoints, + browserImports: ['ui-style-kit-css/visual.css'] + }, + { + name: 'interaction-only', + packages: ['interactive'], + entrypoints: interactiveEntrypoints, + browserImports: ['interactive-surface-css/interactive-surface.css'] + }, + { + name: 'layout-only', + packages: ['layout'], + entrypoints: layoutEntrypoints, + browserImports: ['layout-style-css'] + }, + { + name: 'ui-interaction', packages: ['ui', 'interactive'], entrypoints: [ 'ui-style-kit-css/visual.css', @@ -177,108 +208,117 @@ const pairedScenarios = [ 'ui-style-kit-css/with-bridge.css', 'ui-style-kit-css/interactive-surface-bridge.css', 'interactive-surface-css/interactive-surface.css' + ], + browserImports: [ + 'ui-style-kit-css/visual.css', + 'ui-style-kit-css/interactive-surface-theme.css', + 'interactive-surface-css/state-core.css' ] }, { - name: 'ui-plus-layout', + name: 'ui-layout', packages: ['ui', 'layout'], entrypoints: [ 'ui-style-kit-css/visual.css', 'layout-style-css', 'ui-style-kit-css' - ] + ], + browserImports: ['ui-style-kit-css/visual.css', 'layout-style-css'] }, { - name: 'layout-plus-interactive', + name: 'interaction-layout', packages: ['layout', 'interactive'], entrypoints: [ 'layout-style-css', 'layout-style-css/core.css', 'interactive-surface-css/state-core.css', 'interactive-surface-css/interactive-surface.css' - ] + ], + browserImports: ['interactive-surface-css/interactive-surface.css', 'layout-style-css'] + }, + { + name: 'all-three', + packages: ['ui', 'interactive', 'layout'], + entrypoints: [ + ...canonicalEntrypoints, + 'ui-style-kit-css', + 'ui-style-kit-css/with-bridge.css', + 'ui-style-kit-css/interactive-surface-bridge.css', + 'interactive-surface-css/interactive-surface.css', + 'ui-style-kit-css/manifest.json', + 'layout-style-css/manifest.json', + 'interactive-surface-css/manifest.json' + ], + browserImports: canonicalEntrypoints } ]; -const allThreeEntrypoints = [ - ...canonicalEntrypoints, - 'ui-style-kit-css', - 'ui-style-kit-css/with-bridge.css', - 'ui-style-kit-css/interactive-surface-bridge.css', - 'interactive-surface-css/interactive-surface.css', - 'ui-style-kit-css/manifest.json', - 'layout-style-css/manifest.json', - 'interactive-surface-css/manifest.json' -]; - const tempDir = fs.mkdtempSync(path.join(os.tmpdir(), tempPrefix)); const packsDir = path.join(tempDir, 'packs'); let completed = false; try { + const scenarios = selectScenarios(options.scenarios); + const requiredPackages = new Set(scenarios.flatMap(({ packages }) => packages)); fs.mkdirSync(packsDir, { recursive: true }); - if (!uiSpec) { + if (requiredPackages.has('ui') && !uiSpec) { assertDirectory(rootDir, 'UI Style Kit repo'); } - if (!layoutSpec) { + if (requiredPackages.has('layout') && !layoutSpec) { assertDirectory(layoutRepo, 'Layout Style CSS repo'); } - if (!interactiveSpec) { + if (requiredPackages.has('interactive') && !interactiveSpec) { assertDirectory(interactiveRepo, 'Interactive Surface CSS repo'); } - assertDirectory(layoutDocsRepo, 'Layout Style CSS documentation repo'); - assertDirectory(interactiveDocsRepo, 'Interactive Surface CSS documentation repo'); + if (!options.skipDocs) { + assertDirectory(layoutDocsRepo, 'Layout Style CSS documentation repo'); + assertDirectory(interactiveDocsRepo, 'Interactive Surface CSS documentation repo'); + } + console.log(`Compatibility matrix: ${options.matrix}`); console.log(`Using UI Style Kit package: ${uiSpec ?? rootDir}`); console.log(`Using Layout Style CSS package: ${layoutSpec ?? layoutRepo}`); console.log(`Using Interactive Surface package: ${interactiveSpec ?? interactiveRepo}`); - const tarballs = { - ui: uiSpec ? packPackageSpec(uiSpec, packsDir) : packLocalPackage(rootDir, packsDir), - layout: layoutSpec ? packPackageSpec(layoutSpec, packsDir) : packLocalPackage(layoutRepo, packsDir), - interactive: interactiveSpec + const tarballs = {}; + if (requiredPackages.has('ui')) { + tarballs.ui = uiSpec ? packPackageSpec(uiSpec, packsDir) : packLocalPackage(rootDir, packsDir); + } + if (requiredPackages.has('layout')) { + tarballs.layout = layoutSpec ? packPackageSpec(layoutSpec, packsDir) : packLocalPackage(layoutRepo, packsDir); + } + if (requiredPackages.has('interactive')) { + tarballs.interactive = interactiveSpec ? packPackageSpec(interactiveSpec, packsDir) - : packLocalPackage(interactiveRepo, packsDir) - }; - - await runScenario({ - name: 'ui-standalone', - packagePaths: [tarballs.ui], - entrypoints: uiEntrypoints - }); - await runScenario({ - name: 'layout-standalone', - packagePaths: [tarballs.layout], - entrypoints: layoutEntrypoints - }); - await runScenario({ - name: 'interactive-standalone', - packagePaths: [tarballs.interactive], - entrypoints: interactiveEntrypoints - }); + : packLocalPackage(interactiveRepo, packsDir); + } - for (const scenario of pairedScenarios) { - await runScenario({ + let allThreeDir; + for (const scenario of scenarios) { + const scenarioDir = await runScenario({ name: scenario.name, + packageNames: scenario.packages, packagePaths: scenario.packages.map((name) => tarballs[name]), - entrypoints: scenario.entrypoints + entrypoints: + options.matrix === 'minimum' + ? scenario.entrypoints.filter((entrypoint) => !entrypoint.endsWith('/manifest.json')) + : scenario.entrypoints }); + if (scenario.name === 'all-three') { + allThreeDir = scenarioDir; + } + if (!options.skipBrowser) { + await runBrowserSmoke(scenarioDir, scenario); + } } - const allThreeDir = await runScenario({ - name: 'all-three-canonical-and-legacy', - packagePaths: [tarballs.ui, tarballs.layout, tarballs.interactive], - entrypoints: allThreeEntrypoints - }); - - validateDocumentedImports(allThreeDir); - - if (!options.skipBrowser) { - await runBrowserSmoke(allThreeDir); + if (!options.skipDocs) { + assert.ok(allThreeDir, 'Documentation validation requires the all-three scenario.'); + validateDocumentedImports(allThreeDir); } completed = true; - console.log('Packed ecosystem compatibility checks passed.'); + console.log(`Packed ecosystem compatibility checks passed for the ${options.matrix} matrix.`); } finally { if (completed && !options.keepTemp) { removeSafeTempDir(tempDir); @@ -290,7 +330,11 @@ try { function parseArgs(args) { const parsed = { keepTemp: false, - skipBrowser: false + matrix: 'current', + scenarios: [], + skipBrowser: false, + skipDocs: false, + updateSnapshots: false }; for (let index = 0; index < args.length; index += 1) { @@ -311,13 +355,25 @@ function parseArgs(args) { parsed.interactiveDocsRepo = readValue(args, (index += 1), arg); } else if (arg === '--keep-temp') { parsed.keepTemp = true; + } else if (arg === '--matrix') { + parsed.matrix = readValue(args, (index += 1), arg); + } else if (arg === '--scenario') { + parsed.scenarios.push(readValue(args, (index += 1), arg)); } else if (arg === '--skip-browser') { parsed.skipBrowser = true; + } else if (arg === '--skip-docs') { + parsed.skipDocs = true; + } else if (arg === '--update-snapshots') { + parsed.updateSnapshots = true; } else { throw new Error(`Unknown option: ${arg}`); } } + if (!['current', 'minimum'].includes(parsed.matrix)) { + throw new Error(`--matrix must be current or minimum, got ${parsed.matrix}.`); + } + // Keep source selection explicit so release checks do not accidentally mix a // checked-out Layout branch with the final published package. if (parsed.layoutRepo && parsed.layoutSpec) { @@ -330,6 +386,20 @@ function parseArgs(args) { return parsed; } +function selectScenarios(requestedNames) { + if (requestedNames.length === 0) { + return ecosystemScenarios; + } + + const requested = new Set(requestedNames); + const selected = ecosystemScenarios.filter(({ name }) => requested.has(name)); + const unknown = [...requested].filter((name) => !selected.some((scenario) => scenario.name === name)); + if (unknown.length > 0) { + throw new Error(`Unknown scenario: ${unknown.join(', ')}`); + } + return selected; +} + function readValue(args, index, optionName) { const value = args[index]; if (!value || value.startsWith('--')) { @@ -418,7 +488,7 @@ function resolvePackedTarball(output, destination) { return tarballPath; } -async function runScenario({ name, packagePaths, entrypoints }) { +async function runScenario({ name, packageNames, packagePaths, entrypoints }) { const scenarioDir = path.join(tempDir, name); fs.mkdirSync(scenarioDir, { recursive: true }); fs.writeFileSync( @@ -429,10 +499,49 @@ async function runScenario({ name, packagePaths, entrypoints }) { // Installing the packed artifacts in a fresh consumer catches broken exports and missing files. runNpm(['install', '--ignore-scripts', '--silent', ...packagePaths], { cwd: scenarioDir }); validateEntrypoints(scenarioDir, entrypoints, name); + validateInstalledPackageVersions(scenarioDir, packageNames, name); console.log(`PASS ${name}`); return scenarioDir; } +function validateInstalledPackageVersions(scenarioDir, packageNames, scenarioName) { + const resolver = createRequire(path.join(scenarioDir, 'package.json')); + + for (const packageKey of packageNames) { + const packageName = { + ui: 'ui-style-kit-css', + interactive: 'interactive-surface-css', + layout: 'layout-style-css' + }[packageKey]; + let cursor = path.dirname(resolver.resolve(packageName)); + let packagePath; + + while (cursor.startsWith(scenarioDir)) { + const candidate = path.join(cursor, 'package.json'); + if (fs.existsSync(candidate)) { + const candidateManifest = JSON.parse(fs.readFileSync(candidate, 'utf8')); + if (candidateManifest.name === packageName) { + packagePath = candidate; + break; + } + } + const parent = path.dirname(cursor); + if (parent === cursor) { + break; + } + cursor = parent; + } + + assert.ok(packagePath, `${scenarioName}: could not locate installed metadata for ${packageName}`); + const installed = JSON.parse(fs.readFileSync(packagePath, 'utf8')); + assert.equal( + installed.version, + expectedPackageVersions[packageName], + `${scenarioName}: installed ${packageName} version drifted` + ); + } +} + function validateEntrypoints(scenarioDir, entrypoints, scenarioName) { const resolver = createRequire(path.join(scenarioDir, 'package.json')); @@ -511,110 +620,242 @@ function validateDocumentedImports(scenarioDir) { console.log(`INFO historical/migration documents reviewed separately: ${historicalDocumentation.join(', ')}`); } -async function runBrowserSmoke(scenarioDir) { +async function runBrowserSmoke(scenarioDir, scenario) { const resolver = createRequire(path.join(scenarioDir, 'package.json')); const { chromium } = await import('playwright'); - const suites = { - canonical: [ - 'ui-style-kit-css/visual.css', - 'ui-style-kit-css/interactive-surface-theme.css', - 'interactive-surface-css/state-core.css', - 'layout-style-css' - ], - legacy: [ - 'ui-style-kit-css', - 'ui-style-kit-css/with-bridge.css', - 'ui-style-kit-css/interactive-surface-bridge.css', - 'interactive-surface-css/interactive-surface.css', - 'layout-style-css' - ] - }; - const browser = await chromium.launch(); try { - for (const [name, imports] of Object.entries(suites)) { - const context = await browser.newContext({ reducedMotion: 'no-preference' }); - const page = await context.newPage(); - const issues = []; - page.on('console', (message) => { - if (['error', 'warning'].includes(message.type())) { - issues.push(`${message.type()}: ${message.text()}`); - } - }); - page.on('pageerror', (error) => issues.push(`pageerror: ${error.message}`)); + const context = await browser.newContext({ + reducedMotion: 'no-preference', + viewport: { width: 1280, height: 800 } + }); + const page = await context.newPage(); + const issues = []; + const unexpectedRequests = []; + page.on('console', (message) => { + if (['error', 'warning'].includes(message.type())) { + issues.push(`${message.type()}: ${message.text()}`); + } + }); + page.on('pageerror', (error) => issues.push(`pageerror: ${error.message}`)); + await page.route('**/*', async (route) => { + unexpectedRequests.push(route.request().url()); + await route.abort('internetdisconnected'); + }); - // The smoke fixture exercises the canonical root contracts without relying on demo-only assets. - await page.setContent(` + // The consumer supplies only neutral test geometry; package CSS owns every asserted behavior. + await page.setContent(` - - -
- - -

Pack check

Published Interactive Surface smoke.

+ + + + + + +
+
+ + + + + + +
+

Clean consumer

+

Public tarball entry points only.

+
+
+
One
Two
Three
+
+
Grid one
Grid two
+
+
+ + +
+
+
+
`); - await page.waitForLoadState('domcontentloaded'); - const snapshot = await page.evaluate(() => { - const button = document.querySelector('#button'); - const span = button.querySelector('span'); - const file = document.querySelector('#file'); - const card = document.querySelector('#card'); - const buttonStyle = getComputedStyle(button); - const fileButtonStyle = getComputedStyle(file, '::file-selector-button'); - const cardStyle = getComputedStyle(card); - const rect = button.getBoundingClientRect(); - const textRect = span.getBoundingClientRect(); + await page.waitForLoadState('domcontentloaded'); + + const packages = new Set(scenario.packages); + if (packages.has('ui')) { + const uiStyles = await page.evaluate(() => { + const bodyStyle = getComputedStyle(document.body); + const buttonStyle = getComputedStyle(document.querySelector('#focus')); + const cardStyle = getComputedStyle(document.querySelector('#card')); + const fieldStyle = getComputedStyle(document.querySelector('#field')); + return { + backgroundToken: bodyStyle.getPropertyValue('--usk-bg-rgb').trim(), + primaryToken: bodyStyle.getPropertyValue('--usk-primary-rgb').trim(), + buttonBackground: buttonStyle.backgroundColor, + buttonColor: buttonStyle.color, + buttonHeight: document.querySelector('#focus').getBoundingClientRect().height, + cardBackground: cardStyle.backgroundColor, + cardColor: cardStyle.color, + fieldHeight: document.querySelector('#field').getBoundingClientRect().height, + fieldBackground: fieldStyle.backgroundColor + }; + }); + assert.equal(uiStyles.backgroundToken, '241 245 255', `${scenario.name} did not apply the selected theme`); + assert.equal(uiStyles.primaryToken, '64 94 184', `${scenario.name} primary token drifted`); + const expectedButtonPaint = packages.has('interactive') ? 'rgb(223, 231, 246)' : 'rgb(64, 94, 184)'; + assert.equal(uiStyles.buttonBackground, expectedButtonPaint, `${scenario.name} primary button paint drifted`); + assert.notEqual(uiStyles.buttonColor, uiStyles.buttonBackground, `${scenario.name} button text collapsed into its surface`); + assert.ok(uiStyles.buttonHeight >= 44, `${scenario.name} button height ${uiStyles.buttonHeight}`); + const expectedCardPaint = packages.has('interactive') + ? 'rgb(223, 231, 246)' + : 'rgba(255, 255, 255, 0.98)'; + assert.equal(uiStyles.cardBackground, expectedCardPaint, `${scenario.name} card paint drifted`); + assert.notEqual(uiStyles.cardColor, uiStyles.cardBackground, `${scenario.name} card text collapsed into its surface`); + assert.ok(uiStyles.fieldHeight >= 46, `${scenario.name} native field height ${uiStyles.fieldHeight}`); + assert.notEqual(uiStyles.fieldBackground, 'rgba(0, 0, 0, 0)', `${scenario.name} native field is transparent`); + } + if (packages.has('layout')) { + const layoutStyles = await page.evaluate(() => { + const rootStyle = getComputedStyle(document.body); + const wrapperStyle = getComputedStyle(document.querySelector('#wrapper')); + const stackStyle = getComputedStyle(document.querySelector('#stack')); + const recipeStyle = getComputedStyle(document.querySelector('#recipe')); + const gridStyle = getComputedStyle(document.querySelector('#grid')); return { - buttonHeight: rect.height, - buttonPaddingStart: parseFloat(buttonStyle.paddingInlineStart), - buttonPaddingEnd: parseFloat(buttonStyle.paddingInlineEnd), - buttonDisplay: buttonStyle.display, - buttonJustify: buttonStyle.justifyContent, - buttonAlign: buttonStyle.alignItems, - textCenterDelta: Math.abs(textRect.left + textRect.width / 2 - (rect.left + rect.width / 2)), - buttonBg: buttonStyle.backgroundColor, - buttonFg: buttonStyle.color, - buttonBorder: buttonStyle.borderColor, - focusRingToken: buttonStyle.getPropertyValue('--interactive-surface-focus-ring-color').trim(), - transitionProperty: buttonStyle.transitionProperty, - transitionDuration: buttonStyle.transitionDuration, - transitionTimingFunction: buttonStyle.transitionTimingFunction, - fileButtonPaddingStart: parseFloat(fileButtonStyle.paddingInlineStart), - fileButtonPaddingEnd: parseFloat(fileButtonStyle.paddingInlineEnd), - cardBg: cardStyle.backgroundColor, - cardColor: cardStyle.color + personalityWrapperMax: rootStyle.getPropertyValue('--ly-personality-wrapper-max').trim(), + wrapperContainerName: wrapperStyle.containerName, + wrapperContainerType: wrapperStyle.containerType, + wrapperPadding: parseFloat(wrapperStyle.paddingInlineStart), + stackDisplay: stackStyle.display, + stackDirection: stackStyle.flexDirection, + stackGap: parseFloat(stackStyle.gap), + recipeDisplay: recipeStyle.display, + recipeColumns: recipeStyle.gridTemplateColumns, + gridDisplay: gridStyle.display }; }); + assert.equal(layoutStyles.personalityWrapperMax, '88rem', `${scenario.name} personality token drifted`); + assert.equal(layoutStyles.wrapperContainerName, 'ly-scope', `${scenario.name} wrapper container name drifted`); + assert.equal(layoutStyles.wrapperContainerType, 'inline-size', `${scenario.name} wrapper container type drifted`); + assert.ok(layoutStyles.wrapperPadding >= 16, `${scenario.name} wrapper lost its gutter`); + assert.equal(layoutStyles.stackDisplay, 'flex', `${scenario.name} stack is not a flex composition`); + assert.equal(layoutStyles.stackDirection, 'column', `${scenario.name} stack direction drifted`); + assert.ok(layoutStyles.stackGap > 0, `${scenario.name} stack gap is missing`); + assert.equal(layoutStyles.recipeDisplay, 'grid', `${scenario.name} card-grid recipe is not grid`); + assert.notEqual(layoutStyles.recipeColumns, 'none', `${scenario.name} card-grid has no columns`); + assert.equal(layoutStyles.gridDisplay, 'grid', `${scenario.name} grid primitive is not grid`); + } - assert.equal(issues.length, 0, `${name} emitted browser issues: ${issues.join('; ')}`); - assert.ok(snapshot.buttonHeight >= 43.5, `${name} button height ${snapshot.buttonHeight}`); - assert.ok(snapshot.buttonPaddingStart > 0 && snapshot.buttonPaddingEnd > 0, `${name} button lacks inline padding`); - assert.ok(snapshot.textCenterDelta <= 1.5, `${name} button text not centered: ${snapshot.textCenterDelta}`); - assert.notEqual(snapshot.buttonBg, 'rgba(0, 0, 0, 0)', `${name} button background is transparent`); - assert.notEqual(snapshot.buttonFg, snapshot.buttonBg, `${name} button fg/bg collapsed`); - assert.notEqual(snapshot.buttonBorder, 'rgba(0, 0, 0, 0)', `${name} button border is transparent`); - assert.ok(snapshot.focusRingToken.length > 0, `${name} interactive focus token missing`); - assert.notEqual(snapshot.transitionProperty, 'all', `${name} transition property fell back to all`); - assert.notEqual(snapshot.transitionDuration, '0s', `${name} transition duration is zero in normal motion`); - assert.notEqual(snapshot.transitionTimingFunction, 'ease', `${name} transition easing fell back to browser default`); + if (packages.has('interactive')) { + await page.evaluate(() => document.body.focus()); + await page.keyboard.press('Tab'); + await page.waitForTimeout(180); + const beforeMove = await readInteractionStyles(page); + await page.keyboard.press('Tab'); + await page.waitForTimeout(180); + const afterMove = await readInteractionStyles(page); + + assert.equal(beforeMove.activeId, 'focus', `${scenario.name} keyboard focus did not reach the surface`); + assert.equal(beforeMove.focusOutlineStyle, 'solid', `${scenario.name} focus outline is not solid`); + assert.equal(beforeMove.focusOutlineWidth, '2px', `${scenario.name} focus outline width drifted`); + assert.notEqual(beforeMove.focusOutlineColor, 'rgba(0, 0, 0, 0)', `${scenario.name} focus outline is transparent`); + assert.equal(beforeMove.disabledPointerEvents, 'none', `${scenario.name} disabled surface still receives pointer events`); assert.ok( - snapshot.fileButtonPaddingStart > 0 && snapshot.fileButtonPaddingEnd > 0, - `${name} file selector button lacks padding` + beforeMove.disabledOpacity >= 0.5 && beforeMove.disabledOpacity < 1, + `${scenario.name} disabled opacity ${beforeMove.disabledOpacity}` + ); + assert.ok(beforeMove.loadingLayerOpacity > 0, `${scenario.name} loading state layer is missing`); + assert.ok(beforeMove.selectedLayerOpacity > 0, `${scenario.name} selected state layer is missing`); + assert.ok(beforeMove.persistentLayerOpacity > 0, `${scenario.name} persistent state layer is missing`); + assert.equal( + afterMove.persistentLayerOpacity, + beforeMove.persistentLayerOpacity, + `${scenario.name} persistent state vanished after keyboard focus moved` ); - assert.notEqual(snapshot.cardBg, 'rgba(0, 0, 0, 0)', `${name} card background is transparent`); - assert.notEqual(snapshot.cardColor, snapshot.cardBg, `${name} card fg/bg collapsed`); + assert.notEqual(beforeMove.transitionProperty, 'all', `${scenario.name} transition fell back to all`); + assert.notEqual(beforeMove.transitionDuration, '0s', `${scenario.name} normal motion is disabled`); + } - console.log(`PASS browser ${name}`); - await context.close(); + assert.equal(issues.length, 0, `${scenario.name} emitted browser issues: ${issues.join('; ')}`); + assert.deepEqual( + unexpectedRequests, + [], + `${scenario.name} attempted unexpected network requests: ${unexpectedRequests.join(', ')}` + ); + if (visualSnapshotScenarios.has(scenario.name)) { + await verifyVisualSnapshot(page, scenario.name); } + console.log(`PASS browser ${scenario.name}`); + await context.close(); } finally { await browser.close(); } } +async function verifyVisualSnapshot(page, scenarioName) { + // Disable transient pixels while keeping package paint, state, and layout geometry intact. + await page.addStyleTag({ + content: + '#visual-snapshot *, #visual-snapshot *::before, #visual-snapshot *::after { animation: none !important; caret-color: transparent !important; transition: none !important; }' + }); + const actual = await page.locator('#visual-snapshot').screenshot({ + animations: 'disabled', + caret: 'hide', + scale: 'css' + }); + const snapshotPath = path.join(visualSnapshotDir, `${scenarioName}.png`); + + if (options.updateSnapshots) { + fs.mkdirSync(visualSnapshotDir, { recursive: true }); + fs.writeFileSync(snapshotPath, actual); + console.log(`UPDATED visual snapshot ${scenarioName}`); + return; + } + + if (!fs.existsSync(snapshotPath)) { + throw new Error( + `Missing visual snapshot for ${scenarioName}. Run the current matrix with --update-snapshots and review the image.` + ); + } + + const expected = fs.readFileSync(snapshotPath); + if (!actual.equals(expected)) { + const actualPath = path.join(tempDir, `${scenarioName}-actual.png`); + fs.writeFileSync(actualPath, actual); + throw new Error(`Visual snapshot mismatch for ${scenarioName}. Actual image: ${actualPath}`); + } + console.log(`PASS visual snapshot ${scenarioName}`); +} + +async function readInteractionStyles(page) { + return page.evaluate(() => { + const focusStyle = getComputedStyle(document.querySelector('#focus')); + const disabledStyle = getComputedStyle(document.querySelector('#disabled')); + return { + activeId: document.activeElement?.id ?? '', + focusOutlineStyle: focusStyle.outlineStyle, + focusOutlineWidth: focusStyle.outlineWidth, + focusOutlineColor: focusStyle.outlineColor, + disabledPointerEvents: disabledStyle.pointerEvents, + disabledOpacity: Number.parseFloat(disabledStyle.opacity), + loadingLayerOpacity: Number.parseFloat(getComputedStyle(document.querySelector('#loading'), '::before').opacity), + selectedLayerOpacity: Number.parseFloat(getComputedStyle(document.querySelector('#selected'), '::before').opacity), + persistentLayerOpacity: Number.parseFloat(getComputedStyle(document.querySelector('#persistent'), '::before').opacity), + transitionProperty: focusStyle.transitionProperty, + transitionDuration: focusStyle.transitionDuration + }; + }); +} + function cssFor(resolver, imports) { return imports .map((id) => `/* ${id} */\n${fs.readFileSync(resolver.resolve(id), 'utf8')}`) diff --git a/tests/clean-install-ecosystem-contract.integration.mjs b/tests/clean-install-ecosystem-contract.integration.mjs new file mode 100644 index 0000000..58a2f3b --- /dev/null +++ b/tests/clean-install-ecosystem-contract.integration.mjs @@ -0,0 +1,38 @@ +import assert from 'node:assert/strict'; +import { spawnSync } from 'node:child_process'; +import path from 'node:path'; +import test from 'node:test'; +import { fileURLToPath } from 'node:url'; + +const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); +const scenarios = [ + 'ui-only', + 'interaction-only', + 'layout-only', + 'ui-interaction', + 'ui-layout', + 'interaction-layout', + 'all-three' +]; + +for (const scenario of scenarios) { + test(`current packed consumer smoke: ${scenario}`, { timeout: 180_000 }, () => { + // Running the real CLI proves each test crosses the npm-pack and clean-install boundary. + const result = spawnSync( + process.execPath, + ['scripts/check-ecosystem-packs.mjs', '--matrix', 'current', '--scenario', scenario, '--skip-docs'], + { + cwd: rootDir, + encoding: 'utf8', + env: { ...process.env, NO_COLOR: '1' } + } + ); + + assert.equal( + result.status, + 0, + [`${scenario} clean consumer failed`, result.stdout, result.stderr].filter(Boolean).join('\n') + ); + assert.match(result.stdout, new RegExp(`PASS browser ${scenario}`)); + }); +} diff --git a/tests/package-integrity.test.js b/tests/package-integrity.test.js index 542eabb..dce286c 100644 --- a/tests/package-integrity.test.js +++ b/tests/package-integrity.test.js @@ -418,7 +418,10 @@ test('release automation scripts are exposed', () => { 'test:e2e:install:ci', 'check:contrast', 'check:package', + 'check:ecosystem:current', + 'check:ecosystem:minimum', 'check:ecosystem:packs', + 'test:ecosystem:clean-install', 'check', 'pack:dry-run', 'release:verify' @@ -430,6 +433,22 @@ test('release automation scripts are exposed', () => { } }); +test('clean-install ecosystem scripts and CI enforce current and minimum rendered matrices', () => { + const workflow = fs.readFileSync(path.join(rootDir, '.github', 'workflows', 'ci.yml'), 'utf8'); + const currentScript = packageJson.scripts['check:ecosystem:current'] ?? ''; + const minimumScript = packageJson.scripts['check:ecosystem:minimum'] ?? ''; + + assert.match(currentScript, /check-ecosystem-packs\.mjs --matrix current/); + assert.match(minimumScript, /check-ecosystem-packs\.mjs --matrix minimum/); + assert.equal( + packageJson.scripts['test:ecosystem:clean-install'], + 'node --test tests/clean-install-ecosystem-contract.integration.mjs' + ); + assert.match(workflow, /npm run check:ecosystem:current/); + assert.match(workflow, /npm run check:ecosystem:minimum/); + assert.doesNotMatch(workflow, /check:ecosystem:(?:current|minimum)[^\n]*--skip-browser/); +}); + test('release verification script is non-publishing and covers the full release gate', () => { const releaseVerify = packageJson.scripts['release:verify'] ?? ''; const requiredCommands = [ @@ -456,7 +475,8 @@ test('release verification script is non-publishing and covers the full release test('publishing docs expose the coordinated packed ecosystem compatibility gate', () => { const publishingGuide = fs.readFileSync(path.join(rootDir, 'docs', 'PUBLISHING.md'), 'utf8'); - assert.match(packageJson.scripts['check:ecosystem:packs'], /scripts\/check-ecosystem-packs\.mjs/); + assert.match(packageJson.scripts['check:ecosystem:current'], /scripts\/check-ecosystem-packs\.mjs/); + assert.match(packageJson.scripts['check:ecosystem:minimum'], /scripts\/check-ecosystem-packs\.mjs/); assert.ok(fs.existsSync(path.join(rootDir, 'scripts', 'check-ecosystem-packs.mjs'))); assert.match(publishingGuide, /npm run check:ecosystem:packs/); assert.match(publishingGuide, /standalone, pairwise, and all-three packed package compatibility/i); diff --git a/tests/snapshots/clean-install/all-three.png b/tests/snapshots/clean-install/all-three.png new file mode 100644 index 0000000000000000000000000000000000000000..4695aab02f7d465d2545cf17e4b01d9f26b46b7b GIT binary patch literal 43944 zcmc$GS5#B~wysz}B?J_e011dx1tg(pkS3y_fOKghy`vI9O6Wz1w9u>4rAhB1olvDK z9RWk{HK9Z9LjQZ8ea^iPciflz1{sWGWv$N3OSGiT0FJ$w3C<;6vxM@5I*26owu2cN$bdNX)#jXpp=>?h9qcdH~rFkAh!d=rscLIN)EdL)%a zEuFmQ2Os7NYia|-f((Vv_>oX^%2GV%oCa9-TbcD_gAIsU%6S*MVNs$me51<6YR?y zXM9+X7FbE|mp2A$n=*0q0x7X_X}o8H?OUtH^Luv%i{tZ0S}5{JuEX11tH-P3ILYDl zUCcL~FUwn-&xq2@c+7a+14su!`Eo%i}0vx2h+cq{T6gBe9^cr_qzGJTbM_AkcjB30t{+2Io& z@uoIzLGIxG@Rda9-N)knzcsV?5D*|w_mM{+s!$+gcp8IF!JAdHK zQWR@+{Ss$ah*u{&c8DtLDH)uH!z4<52Q|z^%DKX%l@Ox4hxlA!>MpATRw$iXaL$}% z*usc>1*+kO;!KDAz_b)n65*^43atyfFAN>*daF39j|9f_V+RG~bh-^oma)nr-ExOfZ*#8|kMQLtjhRI4;Cm zf~j}18ohZ$)6%ByYg^^7N_9KcVrd$2`z=>ctvg+G9A@&?{2Q*<^y+my50uuM8*f%B|edf%cB2PPRe(Rrj+W8& zoEZH65sM)$w%<84{7Hzb;SFyrD>scv9<^Au@!O7$_2tO>u)NH1g+*1J!SKFF69LmK z_YALz>jx`pkHKalVZn*yv)52O2Za&f?;A7l)=ufxMwGEzs8n05&%H2Q+(1k=H->m+ zw%J_@d;H8v{bA*2y3=Dt6d+;r`td7sev$HdEx6J>7GFf8jKoeo5 z&Fs4AJhI~khw#~*QA%Kdh4RbA*vhc9;_EZk)+z*EAjE&BVeeppbFYS9A;xs&V ztA-qRcPlEW4SFO{Orgi5HV@a`3K8^g^Vx^7uA~ZT4UvPnocYc9GsMu) zJBrJ~%I1MzC4bfRu<}<8WD6y_lkP#b;{1^`ocg~u+f?ffkdX--rcDaIk~_$pSi;jW zc=O0Om`WyS=Ngzp;^?BO?}beSgO;H)-)rd4VY{Xdh&+*>pgYw3SfcE0W}jWSUHhGu z!kg?Iun7Hg$vzu;lXX=!^D%t+KMTAK3^1BJ6wqDj!#Y>e+K7{oB7JcF2xD64#Xeu(54cpx?a zxJ!`|+hdj!7w8*}{fv?(KLn;Q;O>%}8}%!`Uwj;a=*!#H44raI>GJk;k@qhui4m@( zbYIy!I3ZLO)VdQ_aIIq)jN30#49R0gSf$>EruJ|VM{Go8-Sjlt=J*}TsxuMEt@Vj3 zJdGig&jI7p7IQ_n9h*d`!EA~^6-inxN!&X&HKe#Hfy@9KE$_{|$u7nKRyzlM;rzvd zu#zFlX1t{#*5p;v(8ZgZwQhU^SIizy==@4>tG;GTe&~qo_jr9-w%jlv>}JRX3&YUX z!^a@wfE2K-Y><0ypwT0)(D5(LpHHgDTAL9+ILj3Jxb9}$?=9vOgqzlVfiLljlXI*J zzxZAJu-{I|J6y8UQNrEH!;Uny|6)|qVUgglH<>gs&UE(1C1fn&)@^z$(yKR&UAmnA z4*fHxueb&yejyV#%(*W~QvA6=ve@Y^FfL{GxBdzY%o;L@A4cc4d;oE$g%6Y{HK5Gn zm;!I)^TpX(^|AVTJCRYeZoR!<|7;7=90Qze8!xp&G$2B1eIYxA+>lfB4o`KHsK zH6z;ki1yjwf#CeOHr=HT#&lJ{#9+f8rK&- zWHmqU_iEbg;&+7@%<4z>0;1Ujo@T`CECUE*hryLpYSq%({bZ*iZu#asss&POo2pO-RuNN$!~q5tbrHNEPNs6ps2(uHBl zwO{y~!gg6V6k8!XhUX(P;(gG=(~~D#+ks|7rAIF#Up>$}Ssib+o~Rzaiu$}@UnniJ zHjYQlG{gsJPvWyI{mH`OK&l<&I&E15N*qf!KjCrvE3ucArpR|mj_KkEvOo##gSl}$ z7jdC2PXtO8*J^y-pVQALnP?7&e#;nyVg1C>!8cn^zVctURaRyH_<%=vT~*CC(=SZ9 z?V`_(nc<`iQBBoX%#2%vA_Iv$uG0d(N5x(Vu>P9k)@)W zg)Rkw%9-07s)nmv4_lfNDm^f178Je-LZEvF>Y6kSN-GNwT1N4RAVa=S_r1d}6hRyi z`P=2OKm)oN>=qRMl?RazUF1ftNK7QxS0m^Q7?YIknuH2@y z)$)Cfl7w{Lear*4%z@q>QK$l`%Jy;y!*N}wU6&{{@YDTkGIJ~SpJj?~R1<&nex#~N z94o6eMV62Ct*KAB9qJOU$kb83`Cz37di~>mHPPSqSOjVtUEh-Yp3j-?@th0O6CX*Y z^%wF>p$#))4lpUxesQuEN{-~jx5{@aMjJnD2U43NerOi(X8tt4R>8XjD$PB9wT!BWlgi9qY)vR(rDKd!FXC6qO;)vPo4zgF5wK z*JAOKiicr+m~kGby`d_9g^4WZJz37a12ATdQ=31&_;m|tK(P<_mWlGOgmXi#xuv;a z&cQ*L!L;y{*K7mjxHDa;-27y#|Y>_2YCU5_2P@_puuZ;-d=;BC9=W3U&wwQd@CimZ{5~3asLN`z|5hhjAs(z=p*mFr(jbswTvkcq?qQJ78A8rXZ<-go* zgnX>%n;0ejR#5$(y{7F%re;oGr1ApJ^Fob@P<@npVTSC46XqP}BtDtV1%%-{OlRbZ zJiV1<{2ckoahNp!FxA6OT*`2uU&7H!u6SmFu4q-A3vvs(Ea&F) z2XGaP{|Pz5xk;=4-ynyom~I;K$ozqUySvNwanJqM4Z|K+x3UQ2+c|uedxS#I*#Sj* zVjKn+aY{kMQrFAneLe%>DfaYPYI@|S_Qd0R%UsokA#dy+GgDp3b9|S6 zgTu2ozL#Yxi;yXAxV@mh6VlI%uG#C#NmHqlGP^#MX3cxlw1(o62c5U_Gdj;|^cn8V za0oFDDG7KsKJNEy-eoTrckz_M`F-~Ubw9Lj_)6;}kgr$w8Nb+(yRXEB5TKShYb^gO&Ws7mA+4|q{A$Xl?XXpnbLsP8 z$$U=E_@;Hi(Y&67D`~q`0w!R0EmwM&l4#WLY?mcvt4#&eG@ek$owckbb zp`~n$yTS6#Y*q~~`KW4Mg$(@4Cko+;#<30+SJ%gOQ$vskugs-%4h{7qYVmoBJS&s< z(311_$k|={s&4X6ZgVk!wwwwKRWKlq^`d16f7;F^xGtQG_%2YTa^QyaCv{hNU|5Uu z8{q`$w6AZJ&5})4V<2xZJ*LP(goT7w>mHemd%}nUvw)#lzA{&63y~mH`q*bH4Vp9%oAN<$3wSKpbI^&1$ zbynjqg)&?f(*WA=QoAw1Q=4)E5SG(WA1yxgtNQ%F-^W&N+I;4@R|E$szYwoZG5i%# zf5g+J=WHWJLa)b7k)5MSXe1Ok!*9$lN{zvR8y?SD3zI$kI2|j4;Ge&5IBdNfF^gX? zh<@&MGR?Q{;pDiTX)V+v`AI7{!g8kmR=)r>1^I#E1PuGA&e9`7bQ^W;|3-@7IUO)k ziM$kLLb#L_K?JMAoxf~EX4LO?_nLz_(y%lW1>eWZ!28W4U4x{fV<#vXTLpKZoBZUe zHK3XydjxQN4K%VQ|LPAo?Wz9g1$!zL(FqS)kA(T|hmelO@0My_fbJWQ4=b(Xr_|( zmJgZTYxjRz>orq!f3#%}q|fPtv}|PCV>L?5&SI{?eFL zu?LAQomcbfIIG+v)TSF`bTP$(*{AdYHrC^4a&o=jAD%SqD%`?Xc*@cf(a6Ucl4zhE z*ew!7pbV_X7T^0Lo^>F8YihC1=f&*t)DW+}Qmc{f)#S?>l>1=y@On>GOlT^-t9ZOL&VcgmUY7pQ&xz4W_KLHfo)*Q6DVn0;1k)DhWLWAH^+>Lh!}ADC96 z4{e}d;DtDzwQh+NQ-rYXdXVjSi#Q^mc0<23|3vu3K^i`157xh~#HBny&j{x?YhQUD z(*NKd&#WuPr|cN;$;P{Ghu_C8<Th^+OQ@gC9Fj3)fZNrYN&&ItG5ZgRv1u;ju zqgKW}NBHUS!;e)}F78gh504)v)4Fw<`Lusr&2FYr6VFZ%H*Es*GR~E7f2++H;!6V1 zy3;1Fb?Gam*AC@!q4jtU7ozIhEP2bQ*4zACBZtz-ZIyMp?(D}72-iE(1+u=9-`Ck&oW_@8as=Sdzqqn2Uow>S<5DgT_$RtRmkh=7Fw*XZ^do)EKIhowbv>9sJG- zzAMK}ugbm6Y*x#SKlMwc6| zsq^1DOU?}7o0vq|ZhfK0;z%b)Cv(Rb3>{y=M76WK+pqI2Q%@c%+A(k>t}rz#w7fH% z?YUvJ5P%S&K0Ib=s;;c`*ghCp23%b8$T-cp;l-8aK2{3p6kH@SSIUHUgx*9lUW}6g zcPig#)g2j2Eu2ib%RX&!a(+e8*dX52fAM@8zqkqlWk8tdR`;1#T#S) zF8Kst&RCo=;RFU2$fc^$BYc=M?N`noNTIxDI~f<5B=PIyXl*B??r>?ziGZ5EBY#Yn zT~{;dL7G0CbR|yJ`=mDOUZlKQt7Rxy-1LXI6wNm!YRMaPzIVd=C7|#znIaSt4!z z&B5hjug-h?dcm3#HuOYJ+@gj@M93cAfy`e@C*kWp6zeKHn&Qsk+nwoZ9v@MytaRC1 zvu3{G=c7+;S8_t^$0X^J4se)Bx9zFf&1;wAMpQz^@k-03!t`SDh#Dcrh@JQ3Eh`$= zIV5mt`acp?FWja4Y>K>#VeuS`-GPCF_cH_LKV&k?&X@C~g@?`DqHe`}Jghq*Y|^0g ze=yd4zp8uiaj1v1e7L(F!ub(ylXB}_oSXnPW`MC=3Ie_}jLqdt=S-6U8g|E%U|H;; zYA9~I{{S^1e3a^O5m|dYH*gj8a6L~fuBWk=bu{J0A#I5~W;rLv+GBePlk|3HG3mDQ zL8Hx1w7iXPtfINrc7`{H9~hjhTS#AV=` zrmGzB_hWv?KK;b?Mf;PD=Mcmu5d^XaXU9rTj#QQbTC`OJwuItl~Dpe`rzR7yOM+B>xY=0 zBr%tAk)t+mr5kin(BTO?FRCC_Z^~TwuZFJ*_l2LjJfpoUjc)&@@vUcJq{!j|IecM< zQ*`=b21EK;R+o&H(7@XtRZ{%GpShZ#pL$|+gRwd!-YDjY37uD~`Hq70SUt3`yyvvU zr}0(5L?mZ*L^3!l@qdNJ+>*n$tF=9O9`$<3h%r&z79zdY59hy3kGSf&WTwiLn^46d zhlB%grcjFun+49@Rg0{KPyKUx|A}QiVsUm@eJs9h5k3B~^Uc84$@o|SNC@bdWDc9y53$(hNqn_Fl=QwI0< zc>P!hncuEcOXNC%FNK-+F}z(6O8n@s@xh_cQg5um%#wqKh2hO`d6B@V4H%UBqJ;!UIO`jfH2s>Y6z+Ydf z&~K80F%$~by!?{(m!gd`)ndsP;3JFffm$`Y*4)6&s0D_oYIQ4hsoi@5&`Z<&(4yK( z7i1xHDtgfJ0VOWP97B<~u-&}DS#Ia%=H^m24;HwRyk#*DrZDe-VQWm!el5ja66n_L zuleD&X84<*tXzWp9J5jErFVxb#dJ|H2l$L(^~p7{iVxG|Md#$#9kHa~8aAJnRV<6u%6Do9mmu~)h@tn#QVl3bMG;T@J<78q?9%W!d@LHt z#78Xyp`b2lg2oqJGF5RxHvjoP})*$Lp?-0E_PY0M6;Hj8rzgixo^{!H@ zeN6^@9@xBIF{&c(9{C07(MMCl#)p2atnEY?n4Q@%9w(}u)vsmRJ_~0Dw=xKGLxrM1 zF?cS5f4h0dDfbtKN`iC-XR7a-qiUMWEDB=0@yXt+Y=QnS|K$a=IjcDHJ2!phSY3%5 z(2NOWhzh!gBV(sf$L09XzPi=?P+D3_!Y@UpR4QkOlbi*m+o~kGne#{~D-Pom7I$@L z%=tSS$M2^V0ljL6w#^+Efy#=J-SF0_w8uzw6#3FSbQ%Ic zyC_bP?ZVj0&tCoM<$${j&*0^W-jn0x#l|}k)-7MpsT8IvZNC*#jp|JhJ5nm zfzwKXTFF7JXQmzy)DSm5uA|t5-HFRj0XhWbkq6Rshq4d)fqumr=h6+FM_staj}O{l$4 zv+Ln3;#!`d=x-4Brd1^&Gr<~=x{_io&4pkB4K{cu`*@u#Px&H0c|Rn`p+OtR`K zBxkmvY9$QWNm|TFGUBtcnVT`U_W9UEkXD-2)v@IXp6cJ3{HS^5lVNrzq4S zL>qV1h(?*eG$WWG`a4B_#me{I!mt|E8@W1o^igVV_EDj5s3M21|~E4!k_l4XtAEpJfxfz0o|YnH(%EL(^TsHfca^Wm}1@V`p{`tq3Owq0~uVn<7bqcaUhN{0S1x> ztv$Ft1EfmO#Wu1Jvd8mSt%$|fAUCbpHq@D0|k+R zPBMyCV3Cz1k1#}r`cQ|OAV>K-)aTlBXOC_Z{6Dj@`t@1xg1#>%S$wrRKj5tF>^-U} zkds0Tz(0%_pxM8QMurlHoiRQQixRtAQ#5WtZQ7(tqe0_DNRF8S(v%52c&Ip_X?pG3 zu~!dDa7FYH6E+@C(|OmQ%}j{t8?GT=w1X!vb(dkpr)_|fBaQcTBsY&b|9BDlGlIRT zi2u$=F6BjBpC%uR0%{OD5b-0TPXyHZ6`0Ezm(qi|gbNwm^W;Evh9d3f34V)hZ$M(H zFzqr4#P{G&ep=#U-5YV3b9#nMU<~k~Ww9MENtR4tbk{Ap8ppG}TBiQ&t3pa3im&~w z3Tt8U+?Bc054ea~GXvVus!IZ_?E`fxef&{d&f}dpGMNy7!2P=c(05Dc$^8~?ynDrA zBFm>O@0%B%tTTNDKDep~O2S;C^#Q)QMbTJN575b*y`KgWCtuRH<5Fgd6HTJkpUF$d zW5TFE@c447vd{^=D9#Rf<8;tw0I5{PwQ(7rPhvC<8R*^8Ki&r%jezPdyGQT!&P)BP z(BG9O$h0OCS)UG*B~HP>v$DQ%N|1UuS>2i_^i4+7Nlg^(8tU2>Pf4llMshN-o014Qf*bH%#X&(OnuHu@zb4V z?f_GdS}Z51o^Y1q%*ODo<>!{qj;vh=Trqn{Ot`X>Ga4BWIo?&jH;a$m6*e8wX7fyD z<5ZVw{}r9h8PSL1kz+4dAd5#MfB&7vEUF5pr+;l4yseA((@pLAfLFA_sIOXy>~*g6 zs+OJ$orfF00QmQ5nTocHLMuD2oTHCeh7(=_9hF$!gOJNS?>Ehb(BWWxO81;uO z&{L{r+UpaMH41L(WgZyTK|eesr!t(+86#yVHrA6>u!d4%AA8^usnZVw+YRF1!4=*t zr18z9J+dwr@^a%BnX9;#J5qFzX^lxrPEbz)W<3J53p@Ll=J84$;cf8yJL`Efu}@~C znXu|&9XzX7MU`T$z0%>YW%^ayUAe@}IBs@i=#H|itLFZ}e4siHpvI_l=G^S?`xE%R z=517)Y91(%8K6vvE8~i@MRor#HR0TE|JtF7^y$=BQb*KK>#$d;9 z7?uNP13XRHkdqoJUQDWE%!IJwL{@foipTfZviP2sjRFcI7&$OVIQO?Ck5bXdt1ZPh z2PR)C+ltx;w{H@Jftn0=PgLEqb&gJ7Xg`JQKvgwh9L~dnjZ$tmebw|dxl-4&g~6*r zmwX)sI+a`M^NKb_WfOHcsI>4ec#<%CE*6f4D~wS!Fi)evADqF z$B=t=Y`GtR+T@sFXh_EFKiNjHb?O>?-Q86mMI%S;E7`mFsGxxr;N_q3tD66=OD#k0ff9U2&aXQW?d`Ts0`fO%#96B64tO0Ya}ddO)Jl^ZAf{FTIw z|AgnC4QCcnV@D}$hSyy14?2QafU5Z7$x{ga1ItO?_)fb|4w!SY-O2+zB}jH#)6zSw zzVjVAOJOmeK0QT_5121{HBo%vvC|cR&ceX|cIF8@t3W3Q)XV`V(Bo0(gmrJ@qppdh z6Z(7gM*ozr@CZFF$(jPFUru8R!EKaMh|TR0?;cKSiv8H>#NNR%_HZ zgv53ji5|%A8jYQc>Izf&1V_t~D}PY=g8`B?(lz zRlfSJapN0Hg4fxB#sDN6^t#U>+Jcf<$&Y zx`H;kT)p)if-aQENyM-jH$mM@TA&hn2q_0PlvXRxu0px~C)9U+2a5}N1`gLQ;RE%D z^&d&>T0CI{@vc+$VJFJ^?WEooD*Lw|8#LRo#dE(=5maX^KUdQEgUi4D%=`o87+-M# zGOfF(I$NRON~4>q2JoDya0qofc0B?Z^Lnp5NmM36$WH!V++7acHD%8}@Bdk`oiy=e85J_;wUVP=T8MZ4h9q z({>6|0|%Fjg{^G&-jr)#Qh2_9&o^9O_USa0B~gP&Z>z&i^bs1^6^=%EO0T1S&xk-H zXB2@(WweEV;r+F@i2tjURKaG5#XlxcgD333dlgE;m@;9nizHbyf$Q?7J<{tc9;E?0 zC$_&b&ElH*9>4PvfiC?K0MekeCoReH%F4NcTxmtRf0{y|39{E1DUK0^>eMc8WPe51 zJTcZHm@f#OAXal15uP$bVCrE!-*ES)$L0GL^F07j5yJHqZl4E^b7F#QqLjkxH*xV> zDHE&k4xZrf=v2;sP#S^K`U}$Z+Sss%>Gxk_D*ksH|IHnisbn^*np32vY(_pNdg$>( zZ8cTbt$J=>yvQfmUTK=PJA04(BRn>i!;cA;hSM*N_2&X6oC^ktx=i3h&F>0x!j1Q8 zX2CMb>)05_?|GKdS}Ma}r{&}>3h0>kt*Y>p71A{X{wpcn?{gsK@Y2kgQ$Wor7 zD2?UfMKHxjyC}i7>uL{Di5A86lX410II0?Jj7PeIQ$1L(7i)GQpau|M;>)5?`RiKpwS#3j!9i5qV+Iq5HMFSYMJSqajlN z`p+6%pNS+SP5zQ*$<1F@%YkjU6gV70+*LR3g~k2!=Y8@*mYE(4hsK&jOZ)3Eu>Tv> zL+8dGy+FMz*gF$8Vu1WE0!>x4lKiBR&6(~vNLfuZ1bC8|Ag&?lB@?!#G9X^aUZMu- zN3lxaH74yt9QIy|B%N!Cd{+#(i?yDjQ1>LNp1wLjY`qk_gllL|0yL+_k8oOG+D$Lk zS^ORwU*&A<_t3aFS2|ouZF=dIpU>rT+{@G1O*6{#zj1PE|AeWfeB+lD^w=^H=r!ed zJp8cU<_!2`8kxwm<$mSKddC}JcV>^W>9;_ss{RkPC+#RUx>;av%U1+i+O7NhmLqcK zC9t1S*5lI8z=41w>8261_?x9>bS1C7*#%e{f}0^CS5*0-zr!!!`KcF2VPH4I=_b_8 z#EDo=fGd=6i*cYqcvu^dw9%8h_czhM74guXdOoAa-y6%P2^$NX@&jU7+^0UUSDV zxH7Dqi&PU8j7DmXW>!;92KooBRKvJdK!l9 zxkHWV@Mb&Tnh4v?xoMYz`C%tTy1jB*o0<7A&~QURUw4tFpV1tC&wC5iAM1MoA9?s` zNd(G^9x>v6w1IOzGAXIXh*rBiU8`dN30X{P)psjGVm(u|=4uUUyM8 z{Em8GDQf!ry(rY!r<|Y(aH!jsQ_@V}0`ljHM$rxi3ct>r(tC47W?>Mkqa}piHwbd+ zOk28y*;A<;=O{|FP%JxYK+0*`PQ4F?Rnj@nuw!g%g@^&vG;uJ$v}zoSbDJq!?!#;iSLw>TG#bFudhdi9 z3^YaVok}}IXxhxTm1@>KvyAkJYw>GIIZKYP-R~Q-CIvP#a{5la3NO3YjSd|ZO8{}O z9|UY-w9RzU6~e-U6H{Q$3hdwlM^;W zGw{_pZd)>GuFgbc<=aC;q^w&5Dwe3SsQf>qz5Pc#+=>(_3LU`;zj|_Cb%2JR$}PYK z>6ltBrCCz2+G}Qt5tkAXe9PG#0T9c1Ls8RP(D&}yqR{4h5o32q`LDYih5^+RrjRT5 z4@VfFQBThOBkQGy8|9x*rTez`mKgvDl0Vaiy2h}m$Wkz1u$XD~%zn6(y|d>Zme9P8 zS`ngWN}#&k8qxURVeCyA=AQ3uAqyjTzljQ5QXK3Aw7O9Uo2^c%@J|Ms>dGCX$?iML zzYEN*SoYn<<5FChQ1IL4M%1cvEO{eX;IybaB7gMQPsk;hL~CBnNr`#6YGa zCCYG+=P*bRJnbDo(fq`oL=)-gYH?(%O3H?*6~HFrYnW(v6|PU8kHJAufF%i6_R|#U zJ|YTz9(3%&jrfuZIQX|{dn4Hk&YV8CcQg4jUmw%vq!6g+w?1;m?A|-zfAVCH`I8fd zbvfY_UIgjE*Z868Y24IsXe~5g;(8VugF`!>RDN%M3a4>5&~h+l=WEr`E7<(iYh6~7 zF;6DyxVqs9OLTZly)y^!4Q0%V1q*T1(nv`kSV-_HVqKItoZB@)gAETqzT>2pk!#^8 z5ex`$cs@f}!b36h0RyNI)H<*g7LIAxvl6M^^ z`P|PaOPam)V!hEnyrU8EWii1Blu?vdSgmD;ky?LFdFKtC0T*Otd73;GZkhAUNsv$r zJBb`d&WT-FX5r@VDPU>;$aK`DL z$Hz5P=!w&a&W%;S>$7C^vLSrcT&RQRtHdg3UG4xF^>;EO~Ozuy@}qVaOc1 zh_B7&_LCa=>rzkxKV{97J>WSe@MMEG{oZd^lG0yWh2WinM4&o`V8%sUv5(XVdpbax z<|$wezbTslE;0}8bPwT<69&eguS{0Pv`k>%9Fd)0LJE8+oG^tLF&F4|on_voHmM8ga z2LjgH34E~W`b`AtEnIH;8IR+1$ zA|qMPO~*cCNyw*34Zz4!2P|%S^_Gr#K?|%_fNktmz5<+l2XIEAo2UCs+J11TuY1w$ zDuYO^#gV0Fi|q@_0)N|1n3z*L>I{1he(0N0kdzup;yDvIxbNjs2c3qaBQ;*WQEq+K z^%g&4O-KXKdVuKSaJP6n8+3jP2aGYMNCOlG*dQ5M zJw6AVp(vjr^!C7ZshV0aU`3kH-)uisJpWJ|A+nfC+!Yt36EI@9`Vw7s7n&A7A>5+R z@KSn@&vG8$3wa(}=e)UcvNt9hbdB}Q!|?V6HxNgLf5W`r$of8wFOVg1{jEmD3^X5t z`a60oKsT@B++V7d&}Hg-?%hBB(6vgXVCTz-MjD>6n#J+GE6~%KoDe%hw2GV6&<4{^ z)A-e*kD>6$-zsV0B0@nyk91Ew+KvA#Z#rM1XggFR)O{C)dSCk3eb)dikzM0%L&VSR zY|I{?Y~Vz(_MuwsC}XC2f{B8|#?w<#q9;0s>l)YKOS&RE=mlu@ZPecB_#(;Q%SRXx zSB)2YygDu4tHy-Yh(Zy+vu1ENw&w%=5&A~B}Q!i1j5vAtb zOraF-k_EwTfhn#<*nEe9yHJq_-TNTSS}Vg35mt9ehpCL>|C#P zN4p%Nj=Y`>4;_0eJS&!~X%qEa?D({@!8(F3S#=$Wt->4wC%>W&-S?m&PdSy8zISg%OP*SQWhqeD6QkeWivV zusprpmZ{Tzy6S_7+!LF{GWU0^}=RtVGoLk$#&10zcOg5f|wO!{68kT=s|lc%o3wCJDRobO}uoAS?W ze0^mJbJEz;@_CcQZ>oU9``?XG^L1NIDbdFe|sZb^;QU*w*| zJvKH*^7zf@6bD@S9Qf=m{py*lQlE*0OFowrW3}I{YIc5r`50$`1{O|FWt`f(n^ ztmW?PVdq$vWYAjh1**F{E>`E}c<4A;doXUTyAeL|wYnn3q|G{CXJTxj`b0Yh=Jk6Z2PI>zr6!6z3w5svr1D6y_Gp6**?n9|8xu%AgQQtOQkS(7dr@cs4g zxA>ugwn^urK5>pAJWg(r=DM~$_HZAm?>kyc{Nml9N4w%p;;z1P8fUhCOKMH3J=wX> zXAo^Jg@tI+M*&NzTm-*W{W7#=IqUL&w$*LtOV7_>{}{{98{1j|1Bqm_jS4lD{Aw{j z5V%Y_aRd@XKrnM{dW`!1{fgb)!`Vrprl+jr{stA->2E*HB{C>d9mg1)8tp#|?e>mO zPVjitFVSA@^@&N>TQc1mlOQ_M`n-Okyk$hmzQz#n9aIxqrBTj(LJ@$jD8#r*N_6`0NS;?M;&Rrg3p6Q z?8sS$%}#Fr=))9QgfF&#IUOm>>GHX6BZ{@wd$ne7744~30Y*-&bGdIw#V+&u z8g=9_KIUY)F5}k&gz2%`at@B~jfk^DjSKPUpn2QqtYKNC3c_j$*r#3Wyb>CQM_y-b zGXS-_TI(y+;EL#t)TcN=?O{RUeL&Wvr%fBH(a!Qb^IN6~x33aM@h){ocDFmX(j%9b$5}qO?yoFW=+!xG1L=cxu9eQxG0kN? zv=#jatUzo3n|;E;p1xb>$TIr{M(3KKwi7E&Bfb`Rbj`3bz15S>xBHdGj=#BXwG{oV z=V>%3a3XFwKLeFb_PtGlt2Nz~ZwKe-S@8ZltsNqNIGyzE^AGG^t03cH>=ltrBLY`U zENsiFBH>?Nz!%ACHdDvWg|dDNHpg?Z`WT9puaKHM*GAN)NWu0Tgk9ALEOb) zw?g$#P#_3STP#C_8-ZGpl;Lj1ElLO3Z4GT6mLhTXaEMW+AxBWcU6(7Xg7A#I{DgBo zVOybhDfQ9%deQ5=2VYY--Kqgt8OeUH_fvB7%T4c}qcD$ck)t7Z|4Q=Nja$^k{gCK! zhStCzL0ocfztWy4UMivH=RUs0e5*G@{uO%vh1$%2Pi6Zj{!ME=d<$yp!ZhRf>U3@? ziu2m#h1h{)Z-`9=O^FsX&g2uJ_r7KU?3c}S3X&*k=Ck%S!)zArOVjc~6TDZN^cCOnKP=-Zm!@fPV zsW};JR9pdLL|?|A1yZa3=RCtBoU|8-4{+o~Jvlj}Jn} zaS+qgCbpO$hcoA6Y6@e2U>zmSiQQl`lwN@ZY2}%waU-Zqr_?|yfe)S*ivqhPK9M@h zKkHQRaKpB`7csA8vVq97YQ{>q$?63tG&6%BI*^;lwf=5-3tOtI8MpE77PlC;SOxK# zNnCL;edyrRf3nk=c0M^W=3IhYZXZ5={ga5$kbfBc92On$ABhNSEvmos&{MgS3aogY zx)_=UNY@d*@rNl*qOwfbA6QrQkt?7mh!I8uE;5AJMdTuEE(pg8Iv4wgz}c(B$=`^m z8Qr2RER=n5M66Sc%bh_nU|`i$i_^cRY5HXlCvc!6v;_NtND z93H;%q;|2lCDLK1ofqbW1y;aGdYt3)3%~H15v}W}8P9W1u^x}zOaGOvFbnAUbf;yu z(7oK_zBL!NbHr=*Ys)9nH(Q++8!>E$0pw+@k=D?1^UcoS{~n3v>d^V#`6lige{&y}wv< zGg<9|H>D2bXKSdqr8*44`VWSgAJdh!$)7UL&je#a7CqLcGE2D~jrHXKf=3qJRb_Xt zx@VtA0Au=t!|SGpFs%AZ1{{OWRij`XkW_I_6B+<*z+~c)Uh~$Zp)wlQ|6Qx96(!|} zJWo3j*iv77v)1UI1LV!Ww2$({wx8%G#CGKqVB-l+?YF#cjP2RV*&L_Xe$ z^CZXNf8jS?zm4W=LiP8&AZQ8vFW$a99_qJkyAn!cWQoDpvP9X&l99E@9zsdhK}5(> zCR?%&VXSHF$zGCu$!@G!vt`#pHLV zJkH}dPWXq|?u+DU_SpF}j@Mh*ynZ0<=%CgbaKgUaE!Vo_Rt|0Yx9W~a`%~QiLfL#j zFOP|d6@Rqv{++rbXp>`fWe3?TOv{NA8(_let~lB?<6e}XR&eI(dw4mwP#qO<*A8{C zkW#DbrqX1>k=82&!64fmCv=?kyKm<)Le&5(wbkzG>O1wxDk*pdD+{29rEzTFa?h_d zI-V_Nr34$LAM_4;F1)9n8Di7Vye4S-#!?rvHRJVM?Kl4x)#D4_>x&_OFqhX{z@f#q zM?1$FqhxFFoy6Hwyr8>K>Gr+aM8^J4%ydAqNSeC6jXCtiWJVUP}NyO1SPzLf% zyPivcaqFr*WPmrL1+ER$kS1)NMJ@{~zBOk*a@jF^rz4bxlQkFbNVjsrp8hYE?q#!W z4G0|KJt74c%$$*2?~#~MuE6`iT+`=~vTJXua^$pDp%`n^??h(V^pnVqz^T?m7ThMU zpk(9O%Z*UC3U~KPR>rrx@q{4<<;u~sP7k~mg{si0luk<_J~ws)%VZ1ky)k~%Lg_=W znAPhmzO9}T9@>91Gnx4!=DX$_6=GgxcH-LteTMT}fl%jT;z~^4OJ*N2g-w-SPx6T^ zF*Pq{kxd}nX-NnECe!5boyS&EM9&+9#vW7|8U@%3mV@2C(vX2_`?0g+2yxL4sIss5W{ zIbyyds)ER4N+W;86CI_$dF-?Td*M8_HQk)sIUe*opkmx@H6c=TWf%dMjsZd*bTN?g z`>n&{X;h+b3QU06z>hnW#HQJ%4f5Q%tMXqTKlt&wFilIJI_-qC&D-FG;mGcb04wnM zaLVc{VcxuBKhz1bXAh7uW2-40Hy|%RK0h({tm+m^0ASJ>SIgXbTNm-sB+Hub!h>#E z30E4>1QTMevaQN^dFp!mz5nctg4#X^R2a4aXNlf#t!Q{Lr7j?f_c%7He8ECJ3e1%$ z&!P>^vZY0GXZ~zxMuf>+_|akh=4I;74}yU}4z)Bt;Y@6Uj9JS2SPv-dx?s1Ag5=6TMCI96et-LcE@_H1CPn#Qy;v; zv%&|8sw`a8Px=vIzR)ZAbEDkl`7Jm`oDt z0O_2!jTKL5KN9$Z2dMHaH24yz(eInj^viBI3WLV;x_0q%zNO8B67_85gNcs--CH|y z=Sks{b$J7OiQgSQ7_Ul2idd7!PBXb2eE;ag*s=wL3@AGkaLRap!96Jd<4+wHC#55y zM2q@WE3l9i{=c0HCBjqMCz=72@1$V;->8=hlPr(*TQWs(cxA3n1ina}6}|*^Al2)T zyOx24EYPe6v3#P?myrUis%i&ku!VnZC%H~{?V=0I|H8~Ev`}{HEycN8EX9K}Yu5FQCU}C75^@-QP zu%Ge1!5+8LsH#a?aoWUY1+F+H*W%YR&e|@!tZ>Ex(LkF?LhIFD&`^&uxQA%gY|?;9 z^;-zNscS0eYbjo$vw~!9gB8gSl%T8kzI~)q7SZe}h3`dg)-9ls<$pv>)7xtCylN(& zNP;=e8f*rMKHsRKC@LImIZ*Vn6v{S}Dolppi9G}o#dDx;d2{&e6Nd46(+8E^ZRvGB z{la&n5anI5#OKf1**89jd)yrUl=U{~?~R?l66B3ff`|SH@%3plGH|~X04{=}YYQ8W zfQR#AxcV0ybeHuXY7Ja`omTjH!Qf-tNYOtyJaAw8clBO9L1HSguL$J1G(rNrO}n({QfN$${1 zl15{Y&EB^RUZ~D@(y-_bmMOx0yEk8*7eeS_fmUAIPo`Z^aHTpjc`y_-EXPsXi8H%37QxAr@y`_`kc$1S|O8s(JY>Nc8+e!R0Pl6ABSO zAo}yUBobF?q9u%n9?4>O=ktpfek4g_rduN8{e)&yIw1CnTjdx_Qm8}7*#FJjS;&^ zW~q{rQ&on#cVDvO<6X8rzxmhnaXG|A8j~E#3M_N}M-{W>Xp9>;a`dpnL#Sc{3a(uyo7emWP}i#>9!Gy7j-xnI%u%%7W{*NSb_` zmVGxvxI*`D&3u$fIbt9!r<9siP@7^u5J%o4A1W!+Dn8iWe**beWN-BQINYsEzq^NJcG4Fy9`|5LOY$v+yTfusE2L^Y#uy z=D}CAW|kf*b|vWZeUG0fpbihF@jw&1vb+sMwg;$`SUR1o__ujcm@|yu`PdzA=-?%S z@p-kM9)6%SD!WF}IIHZZa4n-k&}8LB4fP(|vS5E{wa$Gn?d&~L8rPQNy8G{}ESl)< zEC_g{jg^V^JUesK1vix#%7&as6OH(+|H$j{)?)mG=hm;cbKS1`q(98;%MvTlRg-Mp zZn^Ge2&s`JW?buiGO4E1CMYbuZ_?%FGK=Z-ap%0dwjrrVc>L*A;52Z8EX&+%&rVoM zJYyI3023lBAuKhr;+E5=!eq&S&obXs)kj4*jOLn6xrhs&ZK<-oVBvb^VHxd*p%M#W z5g$5c{og1Qo<8vz5rtCv;Wn%?0)m5YJ&X))4n55iTPDWuV%FxxcynT9?IoM6C&0U} zdJQc?_seVCe=LqfJiL<0<8j$`V7DpT#Sk(YRrO2ZeTlYB4tha3#Y_Nm!>KZSUoRRr zAn!4Gz4FkFR!@sXc1cD`(B6eX<)I8u*OS0^lwB}Z1J6gOLR+Er<-6UdYWZNhjSzviuy!igr33q{>fteu@2MxT^PwqcL` ze745WP6@?%X7UE%AkS0C>0ZRH;7pEW&$PO3d#PrxL2E=KwK~b07OsyKbM@Gc(b-DO z{NeJ!wl{Fr!SC+_^FX&9%tO;<*YwMkUT+95HWy@57!q)+u6J=>Bk4T_7GG;I_2%T7 z-pE0b!#&tQ%8Sz5$>SGd2M!ENxRdf>dyBarMr}jJ5B%9$&6lbT)Eqn};Y)+q{$}}3 zw}43T^5+I_dwQd5dw!PILLTaUnm%pOcry({G6k7X`!h0-9h_21S+$VU1Gk5ZsM1>W z19D4Y%wZT>#ryDF2@cYJXWRX~EPvq2!H>1d6bI1I!Mw9wk!bPm}VMOPece0{cz-Gu4O@i8b9};stOh;T^Sxyj zte3tYuBBKky9|GU-^TYRPvkRwI5@~kINT-RH>|r&jpRm`TS-;KUxFS|R5WFjEv(H9I4A0#n!BrJ z!MYcCpF@s1-Nj~^1M7GS>ANx5ea?+^(VVl*$U$QBVn9N{mYFrXHn-~gd_~R6s29~pZ*}6HHWu~ zHpSR<{~$rX_Haqxdw&f?LE<(3h{}(%B&Byy94#0Z>Zmb#t$d51z849tA>`v2N3jP`f^OSNvG2C7Dhc( znz|Q=0TkUIk=)GN%-t*;f55;B!?MX8%>7&e%>dO|X93$L$C=J}yUu2m;tj`DbqKd} zE(vq}RFSy=Dw;Cf6$oxmt4T|W!1-Dg9x+#7vC$N0bEEivZPTzk?h0$Gr8kmKD!7!% zqrV{~%>}|jqIs^(=7%o}>{yBimSXcRUAY$23EWxX4$IobQPLKnmOI;W9Uq%MYF%8Y zUUW7~ZRTRUb-Z&uT8(=9Bbo$X08g}hoE@n}&sA;&!;1Aav&;IuW7U%K^^yku!wi0Av`37j|9B%AUy*I7l>Qy*x`1YB?sw<{I1OXH2;3vMk1OW%LyRSL3$M;Ddzif?vKJ@x&{Fxcer4_6_;ynQ!`LP}~9ZH2K2-8?B0mS|ylu3aH1 z|J+*+XGkzbU>Y>x`D%8j2;^cfr)5W?eI;*xzK2g&T)I}&m zQIS! zvZB3e@F<0e4#$Wp`mVIQLu)YTj)Oac8+)q=c({fz>~`*yKOT(^&IsDLxUX^cL}I`9 zs}@Ig&7O>4>Oc||>qud~Y17-Ut@ZW2e=U9YKKx#Z@q)UtUnPiy0QyQlHwvWMtYmo5 zvm`0JcEgY!ugQL$vqO=M(?hdCJ2+UVs|7b@ap$Qa-*{0Tq1C8uVMfjSU=3g2JK*rL ztRETksp*=lG?!_b=FDyAB&C$C>`Q&;#M;MGu3`?b-rT4pkz(<-VOjQ=>17;P_Cbv8KUmdv(2ydnly%sh;rP!&$+b_OKHd%>wSmz80@_8zop#y4QJnf1ftLg-r=vmu zMZ)D~7fp}u>ZY4xd} zAfVz8d!U(iY5`35k;cqe;m>0x36y26c3e-4`T(sKuBNgvjt8##vI%DrZKGC zbyO*j5erLV(O~yLn?lzo_Y_FGsU)&7l6uLS@fhUsmcLYlj@QWa*%>s2qy<^Wb;GMTW z+;O0gP;IDrSo?HqpU_d~Mn2{E#=)A?-T_6S(56YyjCZADw=l082k?BcUqcrY&|X~P zKeYflr^&$Ohk$@I>F#j?>kbDU-0Az>(XPV4JfW#lK7rK7pPEIAk#pLNCn5xKJZ|xu zVDlL<%x~(kvM>=gBO({~;TA(N+nLBU_*OWz>TNDpflKJ8xD>V(R&0$;nR=GzUlA}& ziXqId&!+IX^izzV9xGHYm+X2L4GGk$;53TUUqt7!Plvr?SrNzispohO$#S9>NXWZ?1BZ}Ui17v`Pe$O)A~k^=m$Kx2xT&ZV`-&(YZTu^S{p z7xsNwB7;u1-D+HMhqOdt(!O4>JcvOf^9fMQuS@541m~avy5YTh7f$n%!?3?Th~pz4 zmhGaEQ?GKgxhWmsi1VE~cIL=Ob<_@djm@sD@27UQmYYJp15cw!aVbEVO0EXH0k0p6 z6Y5dj8I-ilUhp@@;D`xZ<8w755gk!=94^UU2G|E6~`kx?#l}!ldBa zv&)XB@YG`!P&WX`_Eh4Jrw}42KS@hFxgIMHAOuyjZ;S&U7HDc(2gR{)XAI{R8w4Yh z_s-OAOPK^BZsIf=In<=hta~N@bt(tM9^YF1T***G0buB_js<+O-o%~$?S`%0C$=>z z0&ly%gGRba>HL&ta-DK|FrKq19F*t92~d|GZcDi+8oZASBBsi`S>9KLigw(PmCa3Q zU^WQh+8bF{OnP5x@uW_Uz{+yKgz;NheOz+VY*X+B=b;cW4)IKg(G>RfI%kiN`b3luC0S1#dQ{6jk9 zFhGVekLvN_)U)_vp~w3rE(bvhpe7W#f?)G^txql?`SiVOT4=I+uvFn$m-+>&w=E*L ztQVNHnmOvPo=q;#V%j-;&ljtMthX&mZpPH!UZ9d~)9Oa4)wJ+y9^@0=QiX3|?MT|3 z*Ml+xo$WP8NgyAM5=A5RdV-5Xw}%Iomr*HYD<3r+Cv{zD=l***Qs_N zIL-eVji`qvfKUi+n$c$_QlMH*46JIcIM@P+!b`GG;dY`h_5Y8PKW212416F zQiK=zC*gpB+GzbEgT7{OX5CT#z=+Lxn|0qHp1Iw$Q@-Gx{E3!(nV@k(uZV|ThCK=6 z9z=a5JUd;XBs@<%TE|#|UhZ(YAs;C)Sv9eJ_&i% zE&AHn&5eqxsFyVW*Nz{^Ztf9*PbsP*;Bf=T1|a1A;XWw72vvVNv6FKG?Me+S&-3&H zvS=6?&+KGG9SDMD7*vpM=h}`IdWqpIO(ww(*(Gxv8x`OuUPATU#FU{lY2Q3x$#bOE z!H8Zy7I52%S1cOCF%;rGjvp?=QF#^BP_V69$?QF;HCWS6xB%wy$Izzx$t1RZ^uRBf zZrJ3*M!-TQ9V&xXuIWZ>f3R)^&`QR%-X8?J!5sN9UI3rkRe3LL=IOJU=H7YmL_z@( zo`QJ_y%Rh~_yTtnHnTpJLmAz7SXw3=a5@FtXL{ymra#Y$4m@>py#_mj#R-w&0pn1H z`{3tZp+AKTrkF1wfOeXfrZN__nJh)seCx^8^&hDxsOd_a=3YnIU%7ER609}Lvij04 zEf$swHV&L}QoYQouI#RNY6G@uHEg+SG?`VdV=h4-0?}?HHFu!JX}V+`R_HlLd6R(n zFjwnfko=@k+r8*c9yjb;gK4}MaNPq7EnWMStN%P|eMT787hA7QWifh%p{=4r<45AZ?m%gh@*J5Q9aW zfQm)-*bm?Z(BufL<1H1$sI(GUj@hG-=0dHWKQ~(O94P%{4upo!Fp|atK(HVxI+_1- zR0K~K$v`_&*hRDZ$i)1$NBcBqclHN3z|61E;7X6#W0K@AmduV<_f$R@n4{<`Dyl-R zDO%4Gv{~N)1YPqfHflhaKWJZq{jQc|%r)og9sf64i7^spfY4%a~W@6)Kyt<&ra>OBfvQf37)sHX`DZ{h;N8 z%TP{RUqAh|n{U8J&ZGxxOWJ`JkP{hL2Zb|a>y9|aC@ZU1FI0XMnSakQLN$ONy8B)p z0Rm_>NWUhyK9vYD-$=~sTN*Z5Ki?bolqzsraZ_PRif93uo%dR$xzv}+4V|us0&-li z>jD=|JZJ$qquEWq-rR6377m;{7JBAkrOUc;C8TQcDdh3g z$=MqePRgBg>uS)X1i;iSuV?<9o_jsL{wBu?$?ge(sQYM~Pk+UMd}wf)W?B1D^+o9y zt*v)jg1(hVa*8t@vaii1pwC2Tn?e4gWZA6> z@Yh4XO1?5evfq3&-6dH`_*g<>Q^aG)%%o;1M)aLV!0&a&613;W3zeMZSHbE)V zd^u1dfO4(!m)jiSlxQEo4PtC0ztV00`#>Wa4FU(7A0=$Xw6Ia)wuP%;^Fj4F!ErY! zDspNg8FRewTo=4XQAmJkIJ3|49JtG8Ry-O>DOav&7GBVIb3L287u?O8tQqiPU5ud1 zPKuI@I59_VqPa^dbv}>sk3YlrUpJ28TTUWa(t+R%B2UO4 zAS1~+ihk@_8I5E(nZ<|*>>J9?a30m#BDPz#mmM{<5AsO!0FK zHK=7k79r)MXWL%sk&6EOru$r`wY8hmRIscnE0(^QAZd#>nQt11yRtwnk@-kRO9AeB zlqxlW#y7`r%naYxgq;muyiq&ayDqZ8CV-%PLPm;PsIrrd~=~7l@=Ax zH2X)i>DrZpg|1f+PP$A_LF7Ja>kiq50Wj9MkqW~{&1H{E*58xTW4SzkJ@9`2f>Bbi zZWYP7y>zfURW##Iy}&nvcVPVmT*=xeun&-r^>9(IE$5iaUVv-T>QMssrX1`uavCg# z(@{!CCCE|d{>+GLc4J~JMnSD96Y2f%9-ys9`gz0-hw>5FQYh>vbztQ5!yoeF}-^ZNA}SyI{6n7S*7`I9t$MQj zQt1ec?kK01iaIDt*{$iPuX(;OYVhz9NdnBIKHugez8`$DFcszk=T0}BMC5ulVnS79 z-Kqur8t3lw35Z0nTQ!JVw()}oD>SzLRFVEehQx!iq1%=M1^~CyQ)y^T6T=Z1A*m?H9;|dn^70Jfew%gz z-4r&yd-g?@rwdRa05z-)1mtv@F`GN*ax&uy&sGt_{G=km5x#+6s_qS|lq-DNih5d` zEpSw~16yYH=BUD9fl03uZb+Rk>I5SlEk2W4}dg234w@)ok4x_kh3YdzR z>$E4V{pW^&tZ0+hNVfepDGJ$3*4ZZUi4RRA)6Z}@Q_ecu2KrfsP`mof*feCxk2yRd zo(RY)5Q>zQVqjQq?d|jHj%W3%lzS@A{yrQTiq?PRlurL7zetzO!r_jSmV`7H-xK}^ z!I=)%)-kI+k22TWh$?dox$th^?#eqZwCwq`2-Sw7M}kyBJRgG+SX3RKb=V$@Cj=F? zIK~j5uQkkRC3C4Iqi1gNoOV(f<|?3_Ca1Ts;Z2=E#;EeJ3%%Q1^zTsOlH3uASfA#y zAZ>SSEQ{94vxWH0f&x?a?@KkI%T(kU?>VX|N^E0Xu8q7x-gr$BEn6oXSPBwH=o6^l zyXoVDNorJn^CLt@ZcreYU5HS#cS8$pF5lg%XxLoj7t)melm@6TlMGjP(D%Nx2@Q!b zdP&-ODDD`Uw4DKa&Bvc!>Uh!oUGho5k@e;(<>MLr=X|78ZQ07OmH`@t^$R;W600li5R4^&;g1hhv#HLi@Nb zUS^n~a=b|#OH=j*JX`0BgObO;W3w>z!hrwuELXcPwke-h<Qz09O z%tr{ZP=Ze>?r}u?;RMC)r&agcdYqA5!JK@<;N&9-9yn`IbLI#K{BIJCn8^S|rRHl- zbJA=x`{`mn~b*b|(#sKTRxFJOnoz)Jj@_G?Qm zCP_#5PjQ9L54FJ<$whsPLQl6^>Z1`RuR!6xiRi3kh$WoD0q;Klb01zNw@w;HZWK5# zeU!-}>-puw+1k<3CUNt;4>(#o=!J&{cXHCExjdX-Sd-U(NZAfmnbSits3h}vQlzu< zlk0pUfF>G92Q3wY33pBe2uVYPV_-rSh z)|y-%;MYTEL?-tKW(hzz#XdP6u+U{g^8(86{R{=rA#k*=!pRI+oONg>_txDR&_;^rx0 z6mPT*(ui5UvPvXJ!Fd^>k6=&>>mWkJRd6bIz_AeWHX6-<-|5&X+PAV<+I6D378HOp ziH8Ong?>(XJx7lcNS{twhI|yhhWa??+sAf0{GM>_8)Q8y49TtPG zXHa}8#MEV&>_B=GODsB7G#ds#JqFM82VnzU5Ju2ODf|*VwB2yDJk#JfGkekvr1#)F zyoq|{+5l1#-*oCwX}WiSrBm&_g{P9!L!uGaYKWU+10WyYieB^7c0?ryuw_3U$@FZzowz<+?>jp+4 z%Fst#L8|Jo)o$MFz^DxG6ir4fcO6q*V;vC%GpG9<-iBTEDX>q)9I5DYR@ChYZ*etA zTcslT!Gv>=gv`u&`&8ee-)Jy`CFc{ z57}^p1u6(YK-LHf@FC$(f1jZMB>(0_w>Iu;ZmG+`BMtYw{ap&0WKO%DlJ;(giI*YT zL~IbCA-mB;2%fu^EGo4df(Zr3SHZ~`5WKDeNZgM#dHe&s%j03_b+BVWFhyOku>9u) zMQp|7P9Ue5Y!eGM$bjteOSay}JHwq)&MXxC)&tWnMTK!)g+Z|bca``ZI{7LSXR1J~iZZeemK!wYS8>>Je@QFT<^M`K-8Z5bMk1-@Rp3@iQKPmOTDkzYS=n=2IWLzN#57H!*qvQo2@MzhwaWF(cQ_{(1>;renVuf=oH_s@DZXl?g zKgxTDMf1QE_Xx5p~h8;z#F=TUsL;m=Nus{%S{LPO%5S0%|R>C$VYcxy$kMp zE(n%at29Qo>HLR0aL>c1-}`SYrU^ilJ#QP>5-Pz)N(FrRI2JyNmkA-eW^kfZL;w_C z*@@2|Yu0_3UO)+lf_rDb)L(oL0lENU4H}z>!Z}!(z3^Jo4osH}=(WtAyb`e5H?qKi zL0UVKwvrCEz<7(9o_{hX;@XTdu(cs}E;Al1+-G1jvFvrO%e8o2ZLJ1jz%Z}+oncEJFw-Sgv-DF^5 z+B2i+RR$#mkTduO_<9y%dNP_kr!EwHC%3wN_t=6k@>vMf~82?aG5Dm5hw$` zoFcIgIRdF4K$Q8wP7qFP1hM6hGX?zH4~^70mX#DJ<}j`^l1QtiTPZl}QZd%b1hXST zX1oYn@@X>s&8joS24_`Zp9-Q8B2X059x(USaDB`$O&Sm47h7MI$MLzR&1vHVVOT;6 ziBn(h4Cr+VD44tgM$mkM4v?pJ@Vp9)rR$)F+L}xDda=LoMf)*E3EB!uHHh+oAiLo0 z&)=Zrwhq(4Q6Q3&hfANj_B(=z8UF5q)#5qEy#R8z$pY;yq87Pr>*6E0zHHeCidpa+ zc*%1x|B`2QU5Cny$g;9Nhri_dNmx zq$W0l;z22})Ef(Iq~dSx6~5Z$#2c+4Z*un{w%txKDq4tyPmcA1lk+H8PoP8bXD2He z{bwf&)E+&Zz=k5SpMQo<2U#IT!r|9x2(oc5HDw`+uQca3GZkUU=mHuKJo*5uq#G#LY4&c;s$g_y_Av0~>`+QHWH@6fRvrhE{q z9Y`y6-g!IE4lWFm5tFcfmSK%)e24~UnHO(2n%yGQqkBK=raI_GC z&kMtwyUyY{{J;r@ldJ;1anCgzR(^Kpp^tJ3;`WtVv;aYX$7*tv(fz076+jXb@e zviM@tzz&TWQ!1?hU>(M5`aaBTj14SXagcrEIj@;3;}2eTn>!Ch^O5qlQ@*xlh3E*01mcIDc)mfP~m5%4_M zS5`D}o9r^8$`{qwAM3`uWyXpn`-)^)@`6U{gY(;9>XqNGU&8}<{Dd_!9@Y6n3hrc6 zU{`*Vz83z|{^(%Id7|6m1gv+4Uvju*RE1s#Gsc9a0~Kl>BpMacnw*{+Rz4zE6!td| z50(Z;R%qN@%LR(#ErbeL&#J>teWC1;>U-&-B$p5c?IH(YZ7=;!UZ`%bfZzh|VLh1~ z4w3Sq3lpaG3SE?JwrAGxbdqh3@!4bKgt6WaF_8NVBa_hp?tD|3m!mNF*0xbvliKnc z?JcaPk-D%i&Nnjx+jo^L}-opmjk5ab$L$2Fn~ zP?>dOIyAB|^83amog3o#kIuO@8nvyTQ8f916}g81vy7$l}%un)yN`nmBDA9(`X)U~{i8U4AkaxXxr>}pw+9I(cH`aJV&LRH# zog(n-r!I3nHABP(o>s#u#95wL@126Tv<1@|{JSh__;}A>SyY3n8?u)Lt1$10{<)em zS-sb{V#20^o#rqiOSq(rv$6>TXX_V9NGX<_p@Mk6gO`22c}P|HL?8XDrGFU*+riC3 zFIN7dMXesJK^F#r1zVDSyu$vHe)r)4)%!`WstRvmJ5U52H&BYy^~tBp5y(zMGzMg4 zWZaLEUUoUf@`xqTt3);|L}0N6L@LJV3;KIvc&qiMZpQv(wajZ7TFI5 zGq8eQvgE&nibNj)dOQ!Q{qMM#DKU31tGDb`Z1}fd#CEH6Am;~-S=ZV>u>cLH$1e`b zx1JrYZnf7Q?!P5EM65XwFBPu}t_+-Tsn=Aw^qGwLxs@N(s*~cWznL0i)$+37Fjs+us9528@Xf22CH@%BEZ-3HSPDef)9I)F(2gA; z&`AEE+^vx=p=3;&MOIfg$0%BtN6Ymod}sW#(4n07?k-@!FJYKXC~h~rv9EcHqELsrMM3=x8QcmN`so! zOTarQ-^HW*aMx6Be+%>TaEZ!v|7+)&X?GC@aJqn0?j|%UB$!+4m8+pWgo4O`4rNh2 z9M5i>yRfL`U7m9fzacd(xg_^QxZcOS zEcjbh85XS$nqa878{6q1iGCKn@(R>ln2tF-?fBS)ca_^VVUFtX#~k_)=m*@lriKrH zf)CvP7WXUeg_usWPlf@78wVu9Lr!5y&<+mx4h2(B^4&pA3CiG@pVD8SALu*-in=K;(Z{(oFPOW;4e#4X(M=ihmPhNxizE;!}#s| zW!aKt@N`;}(g|7cn>-BnY{kg+7K#|h^FEcaaT|P5yP@EBb)s(eOYXqoeEp4(u*22n ztbMVqK2*ttA8XmD^MO$fgj+#$kMcBfZf7MMujILIPBm@m3%w_XM8gvs(+rOuIGuch z>Y>+1q%x$zn8)Z^b%h5gTKI6yiV=+Wg#*Ml$aY~nkt6uVdlq-4S&sZb&PoVpuiRn} zI7LRAtbKPZRF%Kg3eq%?jzE;x(2?adJ=QoC-z(|`!=%h@x2|N#Sm!YHw`VO-lQ z;_SO4nT2-c;C;i&fNPU4vQFBXTb{_-y7gORQFK?UuCB%G9B09zh@LU9`>Fq;7n=0W ze|`An+eepxF+y+qx9mm7r^+@5n+O)EmMnE?%+qfO$%o&Q;c5J8kxya%!tH$RyIiQn z2VVNnX(X0Gvi6wr*L>21mvk52+I6C?I%|cm<0>+{lbs$)b62c;6V}_|zj#xI zC}R#q2|;+O`pA@AihViaZqZvTT0(Nd?1QRC$i$Lv=Q(pOU$=u@lK}ZYf%8 zc{}-LsyOujgDm><@l5P*?~b<^=JyJzwspldf&$fG7+t)X=Q{-k-kF-BFm9G-=Im!M zkA-n$qLEXRoiMcYI-Mg7dM_)Ou|OB47nA>7^)HRI6ugEdS zf<*6IpPd$j%&JtnrVmP!D|ovNcfLp--R&TfRUQGa4)N=ZYHX&83T(;Tnp6vZkch#f zF?D#$d%Bp6DX-@xOg9(kOWZcG4y+ILmO4>QL;w&>I?j2}`|pFv9f-X^{(y3mcw^R$p7xn~Yl{fzS%DXaJRQ z7VzyPNxGg;x)I(B^@MzeD6>tM%}N@x*0(Brx|mrE;`i#eNyF1xE?*>{9y~deJJ=S- z+j&vCZLmO1W3!>c^?l{=WbZxnMxEqu>2>d1X&(HglTrAzGpw23%1!;PyUeG5(h{aQ z{iVGQKEb(B?eq5oPffI)5gMmR3k^$f{oWE^%8^RD>4SVsO--9*cmJ4Ir&Qh4QkO21 zMPWoAFsPst2gX)MCW-m)-dEID+}};iBVdp0E8>^D@J3 z_WgXeV|uu*08;7Hxb0csp%eGI1bKB-Qh#KdqfM?r_NPY&=V)ff2C*O1(X83$7H)n7yL=?N)8u`(qAulVo!}yGJ6JOTTy_FXmm|YH)`3w_};nT3xO6p-m2j)%Z_53Z4XXL z{%Cpe$J_^$j9bd<-?oNIuwwR>1F_lqk&3rYc0s^Ew5JV?Ed0d{&|%yb7?K7IcC{~z z(<>!)C1?bfq=8w#m*-zd!EZ?MF6N^0PZu@#o(eQq{)`xehNEWs4^+^|eouPkG~ucG z*ZA#CG*U$Ah)kzo$rG`x^^!33j3A0g?wciIewcbPjg2mUwA?ge#W8oR8&$nPtJBf03~VwxAWFF6?aLCk zVztr=n^`kyN{2E+ET2=F0Ws}sm=Nxn`-ijlt;$9k{|lX9 zEOI?3^q5|LGVnzGJxK@r)6kW7B!>D_5+*H(JTi^%-+O!au7}@uQ2K54#PKu9o?i=i zR!SQ}ZH2(_IF_S9!V8h5sOLqMEKFF~=`rS`)4};f;jO>MRwoXLhUAz8PJI6W14E2K zu20oh%30G_Lc(R)r-{J#5@8eduu=J*-+1;dDXqCLj0Y)b(LQw`n++_3!2bpVKMhO2B#wIi9b_wurf(JEBgiK&i9 za?=CEX%eY_9jBT9jMEIky>I>)C)#ob0HBP(halT8ie{RWn*r~y&0cvcM0I~3|0;(U~Ik>wc!b28|Tp*F5o-T zJ!%LDDl}}7Eyr-(eJw#>IpZm&>!PB6QTuPhKWP8}a>5un1NgcS&?AQc9dsE=Okbap zG90yz4>!w(w0?nX(uYdnrlsIA+oxuf8`8Wmeb+@7tkWBs%&i z|IN{dUDxgy@y$0qsXy7@7a%WMIY9r<4tOI%h!JRIhrd_foOv%8yu3z&{dJ{?IK;XO z2HyU&xD61LCYCA4nk5rM(PQm0e_{b(C7k7{rpO&$Fz?@FX-uyz^UVjM&&IjQ|GQWO z@X@PzEM6a;!%Ac`-tlBwE6ctm!pq;z6Di3d;DrFwRE&HG!u5QnrBI@Ly@P1ZQABY| zl!l+<8Om948PXMZRz$~1!N-PF>F}wwcB^mJVok_#lCKLM-z6{2V|A#)S{PB{20v$H z{0w3JG#098lLUNHBlfy3$7Z==6p{tVOBgEg1=u6|lTDRT;ilnnD5Y}f$z{r;vs3c; z@I@s~b&ZvPFbgJ+-}$D(%41^)*ll3ZVr)jKCl^MJ(-hid;ZO^XvVl$vfzIj1Qtl&L zONuJR(-U*8kmI0T_xUarXl=ZTmE9Em&yq(l;s#6kX_W;E_5vwL5JA%30{UFqMEFVD z{H(FoBN%Zw;ojnPJl2Y*U&>|iWN18V23Q;l@6LqnfEi7vI>01=#;lczxuBbaLjcIj z8dL`7+tOqw)go|`x`Tb7k}~@Dj%@e(^|#z#V@|#G6r#zvWxCv!5K>tb&Hz@h2$@Ke zHaRzU^BFb4z(2>^Pu6-k@%{I95nD!ni%m!?r!zOeSrIv5w2Tem`{2pS(+Ob!wG<_6 zmX<}sS==5RZx_s-|AG^m9!Tbf(|M(N02k(eFpMAz&bj)gn}xC08gx!VLAQgWB*~j@ zE9Vekq2DzAp!&6z@@;s6J{Y{HpzqN{8dyb~%Na7@lL=z0U03g8jqGlSu$E%?ilZ>!kx!L=g!c=$RfEyvX*#tE*5}SQ z4A16(Bn4)`THeEgoq|uBMaXnrk$jgIU&N=hE5JvEfQww>TXn= zImYAKYhcESYjtUaa@1_IV-8<#BIlsW3Mo}e5ex~GaTFEVIZ-#NL&^U+xgzpE18x?v zKkkntGNIEvvn{PD{ceC~Lc*;iedlQLC^xqvai?d@gE~(3?t^7z1i4If^|neOl^h)K z!onTp6V>*hnBweG+O(CAsaix6GCa|>DUcrb%hFwHQuxF5Wi$H#PdA2DIuzRZC9G9kn7(& zTz7%Pg9Y)Tt-AJ(E4x=-g2Cn-MKWc zYo&O!bxI^A(G)Tz$S||bpDg?1!Z%KjBR6OeaVlIl7cQFj@5YqIZ4u{D^9X%UGL5$pUM7-D*hn=f?=p@&;GPnrW}>ne~8Nr8P6jJTL>l z18X*heT;Nnnz#8}M$2)@)qn03WlJZ!@)}q){@>AFTX4Ash^dhF4Bj3GJVl~d8~7d~5laevB}i_dyc zD|`pN1GH2o{zjk-_RN?WK7c-}4M24)zpgG+J)dnKb37(nk085)|CM-71W_e^u3mTp zGX31j6Lvw3>c|m;$IAacqgSN?5zi z2jtK0ioS2ahHQff#OciPZp!+5pj z<3gD757WF=y_qPb=VL0lrGht8s#G3dB3S83(BZpROU0+@=?x;(<1)prSE>MC+#e@P z;thP}yPg(|nbj#JJYg0@pU@xQQSChbW8FpiL!bv$sQy||OD-sliFLrm{fg{7{_wav z#X@V>?@;y02)Y=91sRP5ko;@|p1G%xcbDrTMX$4BN9V+T3b&BPSC7f`gF3M}bq;(e z59XqTQtdu9HL1Mif%m%KiaOqY0_Il~mG78PShIZTj$05D659+cwCwp4kk>g)4m3iQ zVp#A?0U&Q&5y8VofH+W{iS1UTy(G3A~*~ez5VQoe#`9Ww#@nG{}+f7#n2xcv=ivodeJm$&u6{l z>jw_;FPZ*=pQjuduSWl*lk~5ZVxmKfCBTF-&JSy{XsHU_R1!T<=2dO1V=e&-d?YsL z%iixW{v82)1|^~JCcOg=kRQ3<2cb=xqboXf!D4Q^Hi0<1TNy||MSc|FfM z{#S=nvHK+y*B{|SUvnV(l&rJ?aQx3hEigUiV@gQ{=?L(@4tT``ullK}?OAn|!}^)mh3pBIG&B zt9r6WY4>9^R*Y?o-6dF7b}*!-`z;qw<{;4m(gxe>9gN(bsG@qmcO3nc3%T>wHJ=su z&Tq8np?}NL+vB`yK;l>*2Y3B5lhVf*l_Y5yyjseYsS@h_Gme|vkE)g^|J(14)(x;8 zWz(%C**bRIfNv$dP*EctK>s^9ZBOvnQM;8C2EeVUN1%Ol zCQS~K_!xOL6N5blNB?0PXb;Q&0RRyuAj5?D7ba1skYUf5M?D#w#ub zL4=-La7GZbMHEW z2kY(k^1)DJ8}Se?cxFj#odXl4R4*EH{?E_(y+gKCoSNDYYd%fyGNo7cWfKF|UM36f zbs#O?k+zafCPeEWfL~7*Y|sM6#ec#$V#kQ%Y{Kym8$t!GrH-H`Cq5O(oN}hJ`fC-< z)Ux*R%az25@&9>im}>ak8j|)J{|{P28h$NU%V9B{Y~g`rXnb7c$2ECYJ}^)YHIHhJ zHZhfUYtz`5%!HOG2Iz#j37}$D#V6=kgB@6--hE(qkAGn`Km?`HwuAnJpXPf#vennZ zXXhnz+(U;{j&nO$>TREoSS*=u1Pw1LmZ6l=Gp=pr+whV`c-;`Z2jOHTsR+oEr9P#; z_Xp4cx2J=~(D9Z2m*b|0S22P6EH6M?g=3u#PNw?rI!3Y9XEVagCy2Q+F#bJUv*9iZzaHQ{p`r=#m!(2q!?UI1XeuAkfq^OH5<+wv5?LRX!HIP-J|n_2=sl#Ab(sb+z<>?J7+BlAare-KuWYc53Xo5fVvPvy@>l5KNb7iQk4x8j-`TkP6H zRo28RJ3RS$RkX%HmF~vWHj?;vF7p&E z$!x>r%)Zi)#hDUY_E;zNx@rUF5e>XwG>$$^_W^GbU+{JL;p`dfLH^ZnlmcYBuD+;t zbgt*+eAy*IxjH?N2+t}!{5EHPT0*g-kxmA?8XoCJ5-q%WxA@JA+8elaI{R{uBE~c2 zeGW7L^nvucmkQYZ3uw`NcT)@Yj%J>LSU6&NA_Quz76+!I#(oI>U(`>n-IadwJRt;@ zgsVKBCZAY!PJ}Ao!}sjbyik09vCOZI)sY&A;ECW%ev)?Wwc-6^z%#Q5QbS9lCSjB@ z$75J*d5fh!&dmqg{VTrA01=-ss8n=X*X&EqESF>Q4M>zbgg zMO|&Pqd*q+2PMH73HHXm1vF1a?9P=sdCUS^#EDtAg9i_@7H&Jyl`;0T7LTSTwO5y2 z=0B#LPN)M$l#EPac5Vi2Z8z!Uvg5BBfj8Z+>VcWzMW5mnRa7TK-GyZDG%=hHy=7N` zo#5Kr2#)&;lY?faJQ(*Qy&^YT&0S&gZu?-uoM-Bhx+{B{d&sDFP!*2xTVny}zTIUV z0~uj)3?`wn)DDaw>#rDVyvy5itg0xfdlng%A-6ffRQXoR!ON^P&DX5y`Tl50e$w{2 zqz%p#%z@_xAl0t1L1T{TG&tcv#q8g5KHL@fqz8m;$Wwn*A_$j_4+1{vkv705y;YX1 z?RDtIN}F`c@YOAMgtwmP1@6U1KDuZb$IO7u$v|y4<|`@?3WtI>e=}NgmBmP-dK(fy+Fw;GP~PQZ?uDN7^d( zu!bA6;CtY{-lB;C#rvTUb$sKjNN7Vc!BS*LzCO1@pP|XdN8sTct;4sfrr`2bz<1f9 zwN>@s5VHao3yP7#RASyxII^O9BoRcV)9^6xYQSH3vgxj&9l1?l``pJEkA(p`d=l=2 zZUzbB@vUW)tYMG2aS%Co>x2jwe>OZH-7w`mwclql?X(&crBy%L=!wpJ{i)l4tqQ+P zsyL6^)f)XNmHsyE|EV?F-Ol#y?b2TwmalRPdFUOR+9mGj0yZ zE?`0h9Q$NUDR}irtMD_oPMn2)XdIsQSjEA?V(D3{Z{*9)MUDtWO&)4>TpAmXc4d%1lXOA5_#;p11 zfx)q3Cw?D0cKp=o6TnX%N@{c*J9goi=7W1izNp3ebG3qKcOl>FD@z<7b3`l>+7>>* z>2y|$l~EaD$MlD*miCdCZ4WS9mdSUIUA%iNqVPMxDdE-gRnGybA zOXAl_xPyH7itbQr%?MBU@VBZh{w^51x~=O+JB>qqgY>h~m7)51a-^7c_@2tvn0j?d zNgK_q=uSW6l>OD#+j^Pl%6H6o<}P9*aAtxMF{21er)sY&+KD$cwpS9e@s92T0YN9b z|0K{&Nxt-`{-5}psX~j%{eP3H$uA>|TJ*g>shSAK?S9zl*}mCAuELL=A}g_Jl<$!@ zAp+zi93OYf&KmDc@N)J#iky$F4gt5BL7w`z3GHZ3#VF_Wt`QGhkDJQnS9QR@D0zsmu4 z1{_jXC4Yj2Gd?ffszwDV)#aqbhG~i9h8EQ9nvtu+C;VQw~n}?D`h9bkKxBX#4J64Ft5 zgc4^_d^!B*xpTPSNrX*(5H*!=qJD36b$89>Lv=8~sDFc;uxMY8=G?3v%MMw?FdkAK}Pwr+X3 zr-3fQ$qH@*!Z758l_dm16lKP?KR=h664irEijFTEkubMBAd#mYmAjG1%X z9w(z|Z=5hEvl*iyZ(5P}>@lBj+1|f$CYSc5r0b!Luncv$??gKbZNN5spRc1Pu_hg5 z1H62TIqFkci)QVy053U+2&D20Kg-o=7w7iTLa`p=UME{1{s6-P_%uL*h9*UFRt%A zexFkC39hkBA#>gF<=(1}E(kDwHG0ojl6)R_F8J41GI-bUa7b@oHW`WDSNpRCoAtDE z?dfla=|XkWgSbR9dGPPnVYA`Pw#E|)V)k4`{222SMfZaBdD)DazmdJ1a0jH=2VRey zZhD50TxlAHAPYg0Lh2{zW!l0Pob ztPwMD69f&SUF?pbV<|6R;O4x56IwdcE@=-oc9^aBfsfc52!b$oX|f2_f~M&rkh!Rn z&IhPpnHbvKc=#5rTv%{OeaGba8NP6es!}2SuuE5Wd9I*`)trZ>Gt%ALEWM6|Gu+Nj zf`3k6of+zRy<|O5EfH{fvznQvqrQ5;mE$H6i(wWyxU$?~j(ezUejPtnkB;AzTKBlc zZGXWO6P>4e*#u#NaK)Fyk73|y6bqJ54$9?9vA1-2UqDfw8E`d{QM)-Vnf01|Vz}m9 z;QM;e3wx%10 zZ5M?1y%Ck>OVbrABBk?7&n843<)9Y@u z7Z_(+GFATMp318*IJO!+ne4|&Y)9)im}Zr4!)C2i3cNY2XWl8XKloWZ3zbwkcHj9f zlSg)f?d^A61(u6^-z^oT=$ z1ek=%Dg0@1a*szHOe1T6jV$clxOY#tUHugf`8pF3@{>yZ1#kQmz$3`SVmwU-O`|y{ zbFyaKcun?$>4(^UVITa+HOtiBti*%O8HG$$#iuaAS}$o0Ch9T_>?@sneV8i$-KtRa z8DALg`IdyVC~bxi_v!Y_FK(vY?86x5q78$NMAj#SDEaZa0G_X)t7A3j-d{>#$;=r@ zo|6(9Sag<$(>UQ}dwdxAal!8z6$BMRlc zlHY)EjIu}s>6dhj^(C(qNLl2;Kn0stw*V3Ne4xnBZSC`wI2YsfDeK>2n^Uq+f4F2i zb66k!0wU5eGX3|0LmQnR^#1*_hYLihRX^xlu7=*Os(83{Os$6{lsch4OxNE$^`jR3 zx(UrsmET9q?$cI+_eKb4R)U@_lsCqwn24dz4H6QQicT%jWSZ{h5wlW0PJ{Yl2IG2s zd14N&Q7+kGhiJcIF1S6`PtIMMGOjI~Q2n@Bx8NO~DwkBqyo**9$bi=%E({ViBe@@SJa87UlMwbYF$DO!&pf)1 z>n8@Cwe{d!cEod`7b40JRiVFVN2H!E)tGnBJ_aCn-~hkuOx1hXl%a~9ff2(# z?8!`oVejEeuQ0pMayqmU9!)n(h4<~wERJP^xHgy|i^Fp4aE3mXl8sUZboEYXfxcd?03X@;$ z2sy{}PU}tRQl%ppu?d}YTgS(`aR)`JXvkCo-1lx!nQlqG2eA$ z`Pv{J{~TCqLFMwgO_-Tq8pOTN55pX9$nPK&TM*T9gLR{8?{WYnoikKP)-294n6V0= zS)<7is=V7;J+s!I4cN{fU2Cx{Ql~FZL>$DOvCEg|aSUo0`154+%cMl&r$Nf*IxUfv z&t!L+zPlE)(^9^-(;0=1Z~e`gu_n)gF&%KXr7w=iP$JwxH+t3_Hk_uObk~~7JMDUq z=4tm!tJ6^)qp1|giFc*&y{~u1qW)rW)PAOdXL zU!T70lg_3Gt}A*s&>UR`^3X!2)uS%a-R6W4^H2C?&oRpu2 zc_O&v)q!n$La#sjsR9r!>*f`;v$r)!rPsa$KJ-DX9lv0~a3_r?c|YNvi_Q2`y7YL{ z9*TSe{g+d^ixXi}55!8gVNq^5(U&z??K4B_#upI@HErOzXRJh`bQ4ZW zwJEEQJEZ@&26*|HO6N^ET~JOvoiXU#@)+S7#4V3oio%)Md|H^fg0XFaa6wDSxjvY_ zDn;KuSa-Y4)+4;d1rOPrw|ru>4uBM^7>^Q7{bR z-Y-pOA~(-XIJ{9r8XKfL@$W3)e)cJGl?Zm;&iwA4D}L*Fx}X3(Hr#7FQ0f9NV0ZPJ#wtx+?YmFSJm#cL4TOxpMVkVqh z{-6)OuqxC@dET>vH~-@IvoF9%mj=VtSlGZX<5wTA1h@P46uktuFV*8U&vHR+?5U7v z7E2ew8A8Xmyg%wK|E{V?QSFPcAbJ_WJ&H( zjh(4VQcoxk|Li*Zr2}YrQFi9scN$w1x9rSm?u}D`V`@d7F&12;$+%2x!_ul%r(s}F z63DXmLU@e(i@Io8=srTE2;TiesU!YYa2z(sI+h)t-8RC0YBxOia2wvx$ICLc*i$8< zQ7L-=sBZ5DuP?(cuaB>@PIAGsu{<8N5$Xm7+LWSp3IZaKRb$($(gq zw4Z$dj;CgixKtpI$^YgHrbX>baoA_;DlIlKH`MuAnb}D=(~D_VI3|zptBnCXRXY=m zLW?wc2th}5k$qpDkf8qisX?(Nqh9XBoBDA6?%L&hdJ5ZBbsS3ER8Y&wsl zE-k*Q%e8>^5i8_fyDxqkPfC^1h1~YA~%cXq+GZ^ zsKVsvje^j9G1x41U9ck!Y#|AVYxO4JtDbN-17{JW{eL8_fie?(ew#_CjU6Gwg8R?KM5f=XFfdiV?l$W*P+J`> zOm|;0&pvTATGwVQ_4A56zcbEgRo@F@jd?43vIBP~?EZ0OYHG2Gd*pHlU0Ws9 zgL5s&d)dMLAMzcW7d;AzPx&1PDjq3Ig7vF42}lkrAQW`NLAquu8Y3{BdQf+7QToI!zvIBo@9|E|C)CJYr`Dmz?C3LPggf~3)6}9frPLT z^6FPmg@qGKAM?kn|0HPbhhe=nDYA+>V)}^!43Cydgu*pbJ-)B2@b*Lrl{&VHBTAaC zhbO4vvGvSCsv$tW77PT6d#uP&BPboK(~#sDj8>{{2tdU4s0Qq=)8=f?HJ6Punt{kd zF_qp)nSHUvfNR*s_V3lEN_DH=@bzhMIZh?WpItx9q9zoSbbDAw)?Af;!%8X1FiRNB zc~MEGe9{yw@SRIk(&kmxz^3o7x}{TBCW3trma#sn^#}VciBc*7HE(_3W;~%?>7>!q zVwQapxlT)F@5^Fx#-C<@jUn&*3!RyjEAVq>7Wr>0@Law=F63Xm8WXp=+9WmR$_#@ng0KBFsOd(;IMY(oV*GXF%aT5lY4$ff2>whg!a znKBv~QHJt@!tCeEP=)){QePCV-ScJxA*vn5>$Nu9vO7^lba7( zS}{)}BwIh$Q z@5Zuck~Mt>PZ7ooM6bg(A;MAp4Z1|`#;Wy0Qe*vd?#wJmVVF3VYIj)6x}ZSB?5=Ml+Al_Mvt+(c5q5{*mf=N)@qgvgM@BJ1!_grws7?&tKz; zTm|5!mXD zo(vSUh_ahov8JtS$*~dXK+RowaCjh9+_1NHwXIh?sEK)De~S=q3RgiDMlVs{_k=!z zo(({(xt&&FRTQvgBxzgnEq@09hQ3agNso!PwLQzQ7H+x{OdZ@P zRtc_*t2~ei0!+#JYZ!)Ev~ceQFUIZy2C(VN^=O-K2jXm}%l zy)YkY3F^6C%_aQjxSwtXDyP92HiilrC!YkI2Qf@ZUFYjS(%100FA z)NU_`72@|)VQnxx!N+jft*YyuA)iWfDa=fmJopmvd&XC>e|`xzY0Kfxy;~?3t_bpJ zdt5s`die3OS!7YKmW9J+$33(Lh^1!ttq*9@sL05z^Ze9Um|Sk5)(DrsdM3vWsCVYa z?2rYbCT+V7?c;+F-1$`hA*f|e_E>kYK&^Q2;i1Gpee}}Gjc(TxDb-;1ciDd1y0WXu z)ulW`A=?i+dRzLyJnXR#fw(6o)1Dyv8-ME>u|;;wCxC|I-|a7;I)=Xa_!Ew$_#VcN z8a+A;Ypl9@=*kVz9;Uw@swo7|TTN`nUsklb@eFG9VUH@GPW~+75F4U~x=If(ZFLDh zB1PV5k%rJ(L-s>fyj?28BBF*WUjrn!Qf}k*(Vg+$(hTinPUoms`b71_OUfXEq@SGO;0m~@RpV6z~ z?grxBMMPc~*M`C-#51b=vP#4kNvbQ86LcE$kP{M^`Szc#j7(JQ18?nVLi?da7mh5R zv+OO~F|wg>-u?H6=1(B`xe|DW^RFP0@dw!#!~E{loO}05RX{jHM~_{DX774Y9iMG| zfWK;pe^*k!qx2Y2O0~|v!6gN@>4x+L(-i8)M`w~28QurjMEl*H=;`q~RdAo;X>EhS z%i}FO6uMFD#BbItVz z$#9Rz03NFfyH90sh5!|w6~QjK+?vF!J74?S<_5llY_k}s@+L)oBWtBU^ofkz68T=s zh`Y5xkqaxZIPA@pXFDoq@cgOMbA~Tnxg6B)X;^9nu|(RDw(6sECJ0oq$MjYm`Ed#S zM;`}PrVC1EDMAv>1Qqzr17yG=3N6h@`m}F_cT`d}qSd6@bHa(vC``!6s=s7I$dS1* zvG>h3=|=zJoUO>F4f!|>zdZQJ#J4aJwnC5V`3^W8W_(t<%rxvX>6-twyd}EG?l~A; z0|PI$?AC}yH@5HQqHo>FT%hwp*)vWL+ z|2qq48g-KX#GyZt(pSEJBTWqX!+Fp7^60V!iyd2MNLrJ*$&0^^J^g9gv@fJcpzv+Q zXxuw9aiHZCQ!UDX5+A^`+uHgHo{f(P2&PW79uqeA+QYp4 zq4G7ba~y$cu$*+YhCyM^HTG`$f}0J(LISArmsLLU=8~U!B=^V~LUZ{`RovD;z#L_C zS_Zb_T zoZTLN?kk759!NYfaVPB(;7LspA~d#yPXi*k)94Z)2Vto7xvdUXrTX$nQ{_c|@H-R+ z`yJogA5@Z)&eg z!}TZkB_}&NUhuXfacQDD0cPF0LMBDj)ziL9+r!Ceg;wmMhy(V7FC4+Ggg=uP&_pq5 zA86k<)cffrodPskh}h~5Rm%i|7($x>h)DdM_8dhhnMpFfshI5!SM%uh0ha`XX9vR7 zrp@+$LSB^JJRjj1p1oV!C2BjULYflWfN5w`&L?L#eF9mdSXVEo)kOnEw^8NbgE-&r zTx9?kq4mmE}4F}hkg;s zCObs{|GLQV^!1uC2#A~4bYvGt|wA`f1#UCg%TH!X@^!TWy0Jq?F{S2d`Ux`7o zI!0pE(n(Ijyrv#T2eG$P^ZA!E@{log9I3!#vaui5;C~$n)M|pd$zW9%suGFd)a$>gchoN8KsD2RHk1ip?zY~jDf}3 z@U++KSnF&u^M1wu`3{%5HQ-V>t@0C zeRiSTpAQS+YEI%o+Rp_i7)Jtl?qoWCGdUY@hSH+VT+5ER9qtShH|Y+5c)9y>!NfdQ zpDdg4*!9l>+GOQvO;biyQ@0)pG4Pii08YSiymWJW_Ya5s+C9cgpHQE9q?mS`gou(; z|CI-yJ{BGTnk5=k|D8~O?U0_IoWSMAE4ro#9-*+MG&m@VQ?xRQ&UOqjUaSp@5y|aC z-3sI!n1Lj4POx=6RmaFTm8M4qhCvFm4&7=4uuVClb?}4 zF0k~@+}$=?Y=3>d2XPz1q&U6b08`Nnipfr`72K zrNY7oHbqor5z28Dj`cJk{F`Qi$?bT&ds2Gp8}5#SkV9hIr?NOa zRqD8*jgVnvvSgYXV!2~5fV^LPJ(b>PQ^$ONRA4FMeWX71G*$lRmxCHmcaQJ{;}ww9 zgnBv)hS-#3k~}R20EEaMr}Zb*NnaknV>d0I1vqb6ijG)Z9D9fE?Ep68Q};9$Y2IK` zHF0ilSi#w^o~FUT^gQPN2_X&Bm`!{11!vW#Gg>xe3@S+}1FIm8L*PyL%pQ-pRh@a;g&*+pM;>qNWT0r_d$VanMg)$G?e>}XiJ;|<}9 zU*X2jdbBSVNMgN$B+ZG%pvIeR*Ct||1f7{HeXY2%lce$xG4XA0-ikpezE8)x+~tCD zkkzQ^%+4xK?ag;<@^?UZb7AD`1;TY%4JMYz#o<-*3_qEzRIx=3JI~l`F<6&CXXnXaE-k?)?*iBcwv~^6~ zH-X;r1UTmUd>i4Fhsid+S{i7o^smM5Bd1_VC~xuTa}ef0fbv}UV%=&mZxM{{uGn-# z6Jwf$7Su7)jM&N&ej!*p6jzVExb{TF8YClkscrA9d*oyn^m)z0pbP`biokc!m1WXE z%jH9~tM7OxN}jhf^^QY3PsI_p-h}^U zVKE{`^zYKEUuRcvM`-Vt=<&k879kBG;$~Kn&1lDE zq)v=7WHX>*g8CVG^>1+(;&Vp?KBZ6)F}AVKPOiiod63HAA3-A&CwvQ_g-vKHIQ*a{ zC~HmL1Z$@(HARa`h6_x;4&WK>c?}Se;BCy=(I1vBeybmZ3dzoEG(3w;UrPd$$1Gm^vJpd}Pf+0azoOSiCuDv2TFvA3ieK72)lVmI8&hWof~ zXny%i!bdBT6-f)K1-15*jh{LbKxiEnF&Be~(MD6Gw0HqK0#1EPWkY!wAZm=DyY*G= zQb`-fGGmhrf9TPy0v1cV70-4MKFl<%2t=L)7-7rZWzxo(R>J3$6^#Hem?mnGmcElDbq;`; z_&%lc^wTNLTt5QR#M$x3%FagF0lp!uh2lam{qkUyTl)5YY=b*v=unk%*pr`toT#&D z$&we2VIPLu#YV;k!LyB1XQV|NLZ|-RcWuogX+QEd$VN>zC;;?U5+H2<7O1QwAH^pf z5xl_UkrD!)-JS~j@$}mV?we6fV0J?r4Y3t`kD883yTj7}m6&O1+$1iGWZveRcFvh! z&E$d8lWJ@{nS>h$gK}bmpFMqDtdL;3a%v0;Wk5QmV2cnW+c_)z?$73#h9jx@U(TUr z&h1QYRu3>Curz%UI-DA}X@})c{SUrK^SwjsTk4NskFQ<4T7%Bocy2y(HRi)^#59d( zPCTfaoIBj(*UAjpR5*}0?}d2k@xHIzG}c%^V`96qH^z4qYK9+X%#F*neK*+P!@4E& z(U_bCB1(WVcfmsK;3H|E3W&BDsEXA$Aqq16eQiSUe{M?OMHTkm;3bB^r8UsjkRRd@&UOxaAg`PZW4RXP!4P()h3n*m}(==>0fJbXNcJafD z6LB+^`%K*pyiJyQXPK~ok&tcW1&3#GHahc!-?m$W*xF+lqdWizIsTtW@iEgi#!pq8 z8yTP?pSlyprtZ>BuTkN^GvtBN`!6}sE6kq~P4=bA1EX|-8gC!x^wtB2fo{a1U++lB z>9V%zEM0!#0;+9X|1-p4@+TF}n$vLed0xZqaqpp5=99<${v`KPuj*qrl^zHXDG z)XHd#SSJ-Ez|jwMArhrFA71P2q=Brf{fpniuh}y0XqThBK7;bSWMV#cpxyTZc--lW zZaI?SK*0e^JfvReX|jE*<_`VM6l?$`T{{iW2SuS9=O@%Hd@88318p08U^EH63VS zBAEOp^UP~)UlDyP$)$nB5CrevjmI60fYzutIzopOtRxcv=rR+nZ4qdF4|zHhfoR}3 zHu$-n|hyE%SZsft^2jfil#LrAAQL4yvKSc>lDl-yup(!ogg=3z# zPY&U?qxfg_YvcC7=r5$)Ok3k-DcJqFOEh4Qvkix%(6@d?C|dlvC>Hn`_Kp`w6zUfK zV=5dj!?V|x1slGy5xN@+8lwYvdeN`n-U2|fnWl3g_7VSfW%HlACGscRKCphEzexoG zwYp#J6}j+ZXgwP?dxl2gdrdm*tv77{9VNIkM)cgU8&hYAS8Fg`2xRRTK7KeV9?p__ z$>zkIz_sH0gXs%L+0DRBps~-qIDzAw1lD8RmuDvC-PM9miXdRXXCk-EsZ%yF^-HFB zOppkQB&rbH-#E`h zqwoMr)l8~<^n}IZPjO^nONtHtFhwi=lEM_s7xJ%)V2|CEzn+DVT>HSgY~8UG{Z9XA z*kLNI_?B<H9*bCC{_EUmAQ9Kea^u{$hq>(K9C6CZeyTtgiXoQ7%G zW_L#s`-POgYCKJZD&IbNIVkcw$Qw*TCqj^GONs@0=JWzK zq;MIQv+~sOA7EHw{o~Cof@eU;+IV#PZ74vnT1Txf1?9?8iS*OZhM)wp^M^ga|4-$q zie;Wm_3LxEH?(mA5M24F;<$}t!GU9lPUVQBJlt~`rq>0~q8?((RVZM7nn-xLBf(7u zZ}T-u`<-CN(#)1tcmj5z;zr1AQeH{$&2 z+(rDoF@0cHpw<8;9b+1$>(4R3)S|`!D3{7AU_}zuvr(DBb<79LH%xhBJWVd~sVh#X zpR)%DTXUrP|Y7dWpe8|_usO9?TFuHvzFoyI@LVjX0?!9dKio;?n;Yt0S zJdjM+z@yI5X<@b;nP`%Z39l}{ma9it!smoGsondXdbDKI#;?G#S4arcwoDt>q!!}5 zK8sS0LypeR^NmRI!m;3kJhH5}p;zkDqv#Vj!$-Q{@7f9=m~ICdugQaeQ4FteH6r0N z5Ettq%tsy4aoR8BBJeCNTQJ%1@ZLsG-u)!e90@klrestS>Or?wcQWdx&ENA{`X)uc zIOC|dc$xZhTe2o-K|lgfzZZqRXi@u9fPu-M&Qp!3dx+e90g1%*(lYr+J_Yb zw+=ko-Tr+ULT_D2P%&R0+6K3S06gox@+`{jh;4wqWKlG^oFBkbi!yXiZ6>@V0Z+%( zva+T*-bkKk2;SKz_si-+X%0P^NZ->$#9QMC&93*7z`YMQ=}ZXnG3UXhGg4Pd;uAW&!o*bOUhxY{kLDcMZ`)tgy3r#%DDkbiVm zGdn}guOtUWCK!%he+}uhYmoeYz@F;XEyF9~>OvY+%8(oMkKcIKd(MV^cX8yPmdg54 z{DREE*?z|-D3{;BY|?k-*STx%+@iqjJ{B^x{s3sinr5onip17Qzrgs@HaCkp_QK1lTXhZJ@<<<5hp=Of6uK_aICH_8 z_wo-Czy<%3EubCCXbS64#p@&8;tQ%n)}Rt=7qH=53sRW^Kf-{TUl~6d_NM0@t!A0r z5Gk(5aTZzFuwEZ+;o#E18o2o*tf`~NJ!9Z4@nELqqt6Q3O+u3M9NB#??z@YeLb=#^HVVM zv#gSVxvUMW?n=YKTo<0wv%K8SWyVl#Rn#24?q)S;rp*g!)5s?qcIeuA)%$N87W8Bu z%#aOpS|_?~!ca_u{QpcCzLt)4pUU$F=c|`KOb2NtN4vF`wt628ueMv}v3h8AU1D;y z)kS@mF$&m%>`GPFkY#0aeU$?;1$0sqx9yMS{6U+`nw(HytWmaQ3^^*v9-K9-1(jA6 z7p@zQ2Gcith(JIdF~ql7&%ASZ-hh+6VSn+EY8$wHpbPigg#;x#mOJUTHWL~ScFUz~ zRHltHUw_^J{&O&2?x2bZ^1al7-0_$6lgxTGno2yM;v8@lJ+Z~mP=%<>!111%iVDQd- z%doA=xe24@4QBj4ZU>*LOJDs+S(ymjSsNsTgB_A>kL&$uca(9!?!MbRz<&sC6(Q#U z-C%QEb%Mv=%!P4DPnUZ=StY;^XxD+(4-twvzna=`ACkM$3pJS`p!p8_iO6j--l03A zxw|U;pXOd)%y}RUB-UEX{&9;#bORnDoURty;B}r%(g4y4nBhr^Q zhT%l|&hCMF=8HBdC79Y9==j0RQZ0QQZHr7^IX1I$@9OzF-$T;M;S3p1(GA+2>+<9C zr%q!1Ss1R=pR*ghWO!dXLV}g6fDta>vDeL6kWg#_#9qlrk9%)v7opN@w-@CRY&yI3 z7XQjBTvOCy^|~E-0)TO)6$vyrE+)}inD#lqZNHnvB%s<;V6mLH~@d<)tqfI2PwkcZ`cx5S;SH4>u{Mx%8WmmMD)? z0cP8KR^QD-;K?rwOGfvrzG&5V`tx0BwjBJ({#jB}f_IzG%6Ud5g|pJ6AiPMwnDb%% zcQ;#W-lZn3aOd3KQ-djnPjh0vTrpeug!tBj6r~uX`MV6?^*KHC_{~t22NT@n(wy7Bzlf~*IRlKwO32tY{=D3O_j>1Lmnpe z5sPNc3-{S`4%i!S;2FwWaAZ^-^%vlf4A9BL|87 z!MMF|xgVY38I8Eg>(>L>%6w&+e(!HqJ!bqeA7?xIj6J~X<~fDQ7rdjwI?8-_UzQ04 zt~KVu>uZjM8xra*z23{4b7h{pYi^kt!O5$40yneBtueh?E>}mEf=I znV3Tthrj`6)b<@lXSLd%=h2F^TZh0MUHZ=QQp5)7*)yOizAln(%*>Koa~6j0g)>?==sJyZ5#zpZ}t^Z@?GHR42!@Sr_VxK%DitdS`bwzcjqRTe&@a zQOrH8p!#wl^E44Z-Qize;9iz*&|#0;+gECRwODi$`eA)x`&*Icy}=aHrnXjy#sPR( z#FF2!*jVgsL%dAc_?f*zysp*n*F<<-aY zogTv!TMr*QRCzdd(#*?xw4$XK%xs9&w`wcL)!_>6ImyhVXvXU@8U5S~o;tl|^H-ls z7C7XOkT;-UPnFrl&z-HFd?d zA&5G;Ae9lk)pG8O3qv8QNV3Erjag%9QH8=sr}Yq|%$uvPdMr`ehtyL9C?n`BGDTs3 zW=|n_cVj`=hpNjn#Ms6KTx3R6PzBE$3^DT4Sd&mH%JB$Ay_f(|1#r^%D*<9RGw}s@E zy!)L~GgscWpkF_&J3ja)gctr!*(@6U@P85a)?rb$+uN{-ihw~g1B!s4w1hKKDo85b zB_%x!4AP|{p|qqjNK1DNjdV)q3?VHo-SA%H6Z_eFKl}ad_xQf|`~JF*13B=Hwbr%P zxz;*QD=C2~_5s}>ZrIebj>Iu4QNs!;D|=7H4^1B$?*<`591L6%E_M!wH-pZgTu&8s z95!a%Jagg0fMjQSQ>|t3i?=3HjZ|s9p9ew%K8F|OC2cuNnXr8u^lElgT@G!Ww!b1P zq(ydp?#xpi#yOc`X8HR|+oo1Gl1xIroR(*WF3LGK9z?fj>Fs>a&-;K#+IrgQJmBr# z`xDm@TrKSPATtwjaZc!xlYLUj*1U$CR)3lqKYi>jtA!_;Qq_g9Z{=(gM*q`;A@MIa zwsf<{{Zduqw%C$Q{DzIQ0vc9&of=pd40?-=1Ea2gNQNG*8eNHH#s&kdfg~Mwhg3tqD92mPc%20QOjJxjak5@SzO%Cr}8Doht%PdkT zx=k|OJm8%^TIa6oPWs4Rg3@?5N9hgk7tSDoeXi;O_RsKiq+-~Jpg`cGKpQR8k~*WD z(hRO^)d-77b^Rz7wq(G{NyE|_Bg-fHwjQHT@XX~QRXD4YCC^+@SHyjns9fH=Rg8P1 z8Wz3Vh_74b^*wd#2|~oP8r51Vc?O77+sAu7VJEQ`ey|V_r*)Nt>~`h*w|mlYlYbTR3&?J^q&~8W8iqGzH~dej^F`o#B8c zV_I8#w^PpAvn%@dp2agMbOBlf6SsWmlOWF| z-6`Bvrv;4~ezoG_bwnyum&8+{`SLiyz`qN+mki!-7K%zaKyG(ugin;&Z&_4g< zw|8BiO&LG*OD>OFACfMKWV;fv={7#ekzQ-by%#0jKYYKbAjo6m(k8hqmLsg{nW(VN zBOy7jVj0c*6nu{pJl-ILl8Y2}`3FotCP!cGiBe&hFAgu~%jdB<5K60(D>ga_&GtK_ z39-_Q+HlZF>DDUBTH2`*$txQWxB8Ja!k0=P zdLngvNxltp?TexNlaS;!!?A8*3&?;b#4kU2Q#UYyLq#5b-Dt^cIA*Mn3KL@zD_D6@ zUhTBEI$pUqzg5l_#7SxEaN|A{*(7oq=K$+*|Jrzpa6o(>=esL*+~l#>b~Ji)G)ntj z9pcMM3q=R$zqB6eK7jgd(U@>2*tdFIbujfZq^Y_2pnmY!lg6X0%Gt2BP)dDVu1vF$M zMYkWL#PzJ$>=N3D8C~@AqCc6`9UrMxU`~e}8MMQ*D&}yxtEOYDeaWiHi97uA>JTw6 zBtvX@&qdZxu+2EE){I8C?3iEW)*IWr^;7TGHhZIYJdWEIPc}|=*N?3pad7O=28`mm zc0`WN%ImHjq_$2yl!0kMYK-5eKmHk8<>scTvKn#TI+K{A1A0E9vdJKKCj1i<2U2e8eRY-ImP*%!(9Wph7y9hQM78MEG0-M2WNNOFq z-8Ej$kQuHYFXJNi0>QRGE8}tY)4Se+c!r!3%xmyF?No7&k+lWMo=ATs(4DeBGQNJFpsiHz!F7D^jd5u zlUOlD>#l4W2gNu+lTL3_%m}*dAqyjVTMZ1x&LN`N79wU$hmD4P^sU#mHr*g!hjao` zFZo&3V85-?6a;-N7{7(?PP`&I7w5UdALk6{EJD;Anbi#UCtV;+;_Ha%GIOGBRC;b< zbhz)%t(`QV3H{qyX9?S>Hv(1>H*;PEkc)`eMY}+>+K3c# zExT(E_ETY~oK=rEcuFww+m_pzjkXoU9U1p4wwZ43J$Y}ESe%z_dr9u|h>%Me8V$91 zFqG26ai#K*7p~z{;9!j2Mul+7&_}w-Y;W~qgdN&+5Qw)0i9HX8Up|Zw!#!Vu5X@|a z^z13ZI4E2s2TGPYkNCLdwP<%? z;p1b^+A8kOGqO5{oe!4!!ak*me>$*~(Ao-=>6W${z4tl1c)sG1X?1cYeRoEl^}#bg zgS&`G^ZN)h3pvxJp$F`4Q>n7oIyK#}D=MfR_Sudh;wg&mHm~iAn>%{xnW3X0!HWn} zoO_)mLYdECK2X$?sSTYuAs+yx1Ew7&52Cbt@m~Z4#d` zr8<(k2d1o`nZBypSibXAdF85QC)C-huHBvyji8yrb)mAkw4M?$Om%S?sM(xNd>6lz zn-m=)VHgxPVKUQKtB-c93ZRH^c34H!>l!v(n$sJMjknQFk>BGnog4GswCthZPGgO9 zj#l4S&N?qRg=pSwfrByifG79)S-@2pdH#tKfFrhP-=(U4pQ8f9K<9AUEUu7kazLpD z7*EQ%BIFB$*vm{`FAN4v3BVj+an^gw@_GzvaVnINPf*m-T5(^LUcuI?NeMMNYxW zK7odedv}ELiO-*lu+MB;MOcFpBVlrkfYn2ssz^RV1U-`Zh;j_)%fl#jW_tx88EZ@{ zKdn7c3kn6Qwk;~Z-8nE;U(h0KA=QQ3`h|faYkml*gDTvR~+=(U^ z-MOqmtI5e?Fcr&k;H8a7>!Vn)(o}gd_Od%fZActzl_mp@A5GC6r}5}Xi)iwJDf=c& zNUYyU=QHH#gJ)+E1JuWp=8J(-t(fi#j6R)tv7E5Pld|5ju>zZCqAt%IQ5e_VujUmq zDh({Du8?OP5uC<3lK^~imSeZsO%M7sKrkOFX47M5vw7nj>p9c!vR0LEv|g)n%*nbT z&-Ue2eh^$3$gPBF5G)Xx&!mm@V7u0>4Ge~5xa@sIT_FlLSTaHHwh?oB9MI@=)wn>) zn(AChof;Kny9S)YGi<=3Hdz!vfi;8?I?^~W)qo|;97{(u1YS7?EmVfMp`RiLju2er zwEnnnD4~k;x{;H5hKb?XhuEg!#SOnE%saQdAC&`{Ag}?iqe-c}yYdCcd1_wxRnSxv zMfB|$KK2L%=}Q1|2V@}`7K6Dq9p*;zE3cEJ+gawcVrpogCL_<16NFXXqT=x0w9gNv zi8@zMlk{`lYy|fcG+(-CkphNb94?U$u#O;88>vcuB2Iyza4v(JKqwnpv54a;b7F0q z+2KcTm5o$Ot$tY&lIfsP$KIdS_?p%x=r>Sc%5=A|!Px0xX2$w(VDSPiWQTw0GUGv9 z9|h6l1NP7&1!unY=nvm$uxFkIAoVlH`W7R>d)gh^;WxKn7|zMk^b?{wMwaU1el+J` z;t@J(nhv6>L!x2JYB|qQgZq55O6dD-g~eQlLk6>#63VtoZHXgFoLYZ04j3za zBI62)=cL88)!|)NeVm}VG$Wq-F3}=z^klhBCbB43;G=IpBmD1^O%WIUTRvk_5pbMf zVZRSPY5WS<1S<+JYbV-$(SUo%khTHoDY^Szbur6a^xLb6n@+G(8h-Qx__njmiss~e zW@%*G!VO*3+z(3cj?jKkmg&@=R-Y}|l4vUpUGj*Q37M;(jALF4fob@C{=$l%CSs~y zQ|_dodv@AZ*_WL{S^`I&f7ukoXk3cd0K$-Lqk8TX)69a8zZ zW0;Z>O!rAuT&+82ZCiKkB<_2O#ePX>v=Ze-ueZI&=~XiKoL;!hxHCz+IE`<&3KMyT zjwh_*9yX$`nj3<*$?6m^+|)jdyw>rf+vhjWkQbs8&uV6^2+iOYnnFA@J41%wpb(w^ zSQxX$pPuz~AqHpPi1StAs!nL`+2vj}jV&UM9@Cn=m~IkqK5d~Ezer;5pIIiKLTTnK zS@W4zDPn5K)^Dj?a#2TQjG#w%W+|<4fgaI&TH`vxBM(UxHYg!ICo@r^z7*egYtLnq zjd|FjSEE;NL+84MOIt%;zuUOCU$}4yn30d#P*fuYWOa(`G@*L`aukC1J`s5T>kZ^p zU=Vt{8a^?f6nXk3ZDW^BGsbKhaa>nSaNzP&i$xQn5)cc>Y1n|Uf z+Gkf)m7#&^OI8)c;vW|)2RcmP9#O-AZ$m8q`CwslF$V`rK>)cilUcOo*KKL{%NKlX zCinO?)fYx9G1puI$eGceIv(DQPBD*XI^)0~R!@P{1!;!(2${-fY;NfTXTapM(cv^2 z{Qr#!5J(sZJ?X`7Zh>>9LEySV)>ls9G4USFLGnWu<6UKnF|d4XiDk`(jz%!)ZJ_wo|er{AjEQfn3u1Geq zIfY0CK*c&T&A$m3H|ubr3#mS1I`Ko~yHQa|NvKxNcTkqMm6GmdN~IoAhgs$@29+%j z>1q$_q9vR%F@^kvg6Jsq?d$%d6TYgR55iH)xQm*X2C9g6!R>pJ4LA)jw<&BoQq|n* zgtcD6YUZH$bisX`0lVGwtnpbgX80vzt=IjaA|6_+5dppAb7YWXwQESx0euyiB$;OQIeQD;`1F zHuA&=#gRXP5u6v4=5Y_bPQS>xxfdWvG~Z&x%*S=f*i#Cy!7yxw-5-+=;0AB?6bRE7 zRSk)pwc%hDBDGKjiR~(uRyOqm(7JivNVExzB9=m_C{0cUmkdUp=6Aa!fK{3Z)dN!~sX1u}~j zBR`(5E^~y;(_ZUDSwJhzD^(DwtP;_6@6Qs_1(rUN*~CAy30|cMq2h) z+4WOc`VHagY)j)~Y&T~?Wj(Tc2cdT*v9`uX^b)JnMCYjxzdvK>#+dh5bw*`CZ(8Bq z*UACLTVR=}aPmuI{&Ptl;y!Hcnq8h!xKl59<4P?q6^`43SCI^T3CHQl)21#7RM@xN z9W4W4Zh1pW4tX1+r+Y>Um~|-qke*Z7^HZ``vN|`(uFD>${B_AY)r(NZv@c)@I`m$g~MNq?VRV)4ducbq~3saatIv<9N(6r=Cwp zKX{0{5#*2B`o&R1;*B_$7arojN5dCZJrWh%>e_+eP}_oN*)*&?D-6|(W` zCS4ts#Ph>RqDx9@06oszOw+s!-fQq$s4a+wG=5f=^5B|^C43Ji9LQGHm;JP)suvs~ zS^*Pd-dTQujkxb0LI*OQ*w-6)1Vk;k-EVtQm3+ikEj4CG7AO?@`!OxZrY~*K5u-g5 z2yJP6|E;|WY1p-Gp!k=pnb?WZDE858@Sk}z*tL|tKn7O>&T0y8Lv9&{Q`rVB$z=Kpmk0jQX za@fbbqg484DGgF>WV}V0nD<3w?NiXzen9?FP|f0wMe_VbCsC zy!ZLS^^?=VGifI0aoPccAlLbdFI?8m78S8zTEAaaZ%Y-_x~@OvKnHaJ)=|Ch2x-sa zqyKEU)y2V{1j}A$5S|lMYZZWQm!I`a3o_J7D)`cnk9f1R^Mjm1KzsmpL2KN*FPSS$ z(S3FlTXQ!VsCmeaV_@91~ftG*sKFrSdu%a42X zJAS5^^YUr!AWkD5 zlfPLe3fRKFU-s}kI9|NV!2Vpn>cTx9Fhu_o@Oq~Eh<94#o0~8uGTNq228+=IuqvSU zwyG?wD+d=sUt$f7wyxydQg2DCckg&YLWWXyyzeulE-CP!CD46jdlJmVY;)a(y28S8 zKd{moF|AvVAn~^M5Fkh(xi5qomeLsB%LWq&Uy5;cs<^uf?rg&pik$xn2-ypAn+q*5 z-WyK>-&Z!qdE~kPL+-%6BMjElFQtNmDG||que!$((jodV%YzP6X78hPGD?WFf%OQd z?_l4ytzIVb4iUwXuDRW;BL4ES*4CQ&ehSA`!b>Sf6TNjBN3uzoEZKAdYs?3 zE2LSSG;!f5l6lz8U^r zSanX$Zl;q9Ecwxi2Y@`wq2lzhqvvH%w8=+VoeZ9+uibm=I~ujH_%yHOEsO=5pUO*3al7%l?Vh7iH(0SSLbMeQHHVt-%( ze;Xm2?VrW~lbEE0H(Xvre#g0nH6S@d4Chj@eY?K5YmU}*8d!3EbGP7zqd5Il0^Lx5T zvo6^z?AcELe=A`Gfl5*1+uCGisw#5>ffVw=@s;`IE|L{w+Gdr&t5FBa7l@mCdGG3l z&zNYXeT^A$K94z*rQH$JZ1U{!a;NWV@{Gd$rp7l#dHcnYh6q!q+_~RU#;fDveHRG9 zW>x7L;_D9L2Q(?Sqd-`L#O;m$=d%$7CAA8lomF$c^*aJnBm|U;-fXeO9LeC|4iO-q zHRHe+Iz|s>)yOnxL}qE13ySr79Y6eLp^9eHC8|>?0QFe_tn_RH`GXN+=JW^PplkpO zHF@IW(}pKD>wXT87$DASxC`6_H&|pJl}t%kbr-}y8uzQHNVL~jgts%q= zqxwpfz`3sJ7%jaweE}5VipT!9Bb<{BuTwbX$7+_CA-#&bw<%<_?ht8PBNn5TvGO*>gKgEiU$ysz8zeKw9jIi_OfkB^gJ*!Wk03S1*6Z@PcZ4CEn&H#NelVEZ zXYVp(uEo?E#Dsgi;8iSA7}1v<68brRpP@2s@M|Emc$QC$*lctdJ}p=JTd*ADDL(B5 zmd6yvy|)Lg#ub)`7>WHbEU*QP^19}d9#!cU;--E#TPz>zNXxf0R&^Csj_cFHJWfLm ztQAGX$(7o&v1?>h7MwFn!@7lY|6YKf24O$$h*0*AK4N$6Pp;5`)8}XXoxp!RQ=t9j zLou+5qIRuHTO2skZ3zF#K3%~1>^`6#oX&A*3HIKcTgN~vj60)D(4|>^WaH@}dw8LP z0cD2H^VK4vAGTV8ohs@}R2ow(dpu!iqnu|Z&pbmqBW>)AXLwSrE!oF06O*5p`+p*o z)t93AL1Qy%n(uavrM2esHz}GLNRqL}U>^m*O;|^Zd?hk=6C`n8e-@Ak@Fg3khs+A& zx>YNu0MtU)Q4B5<82Li}bQ+I5kh_02i`k(W+GXD~&tVY;tHRJ^k-A+Gz;pDNPLtY~ z|5}>{-uOUL`Fj+dOcHf;N_Z)L71$mb|N56oa_pBENT>f8N23(Nt+}!1{&S6;Ppgyy zf{vrat#ooQNybrui65}vdXsq|JD)}apdaUNYSqaG3;~UMU$!+vT?V|zo`=|v+9|)0 zCFW~SAV7Z}&cC`fhbP%*Z&J^0QpXcZD*YEYYr{B0>Yq3(C?C!9Pgp*K*mO6%ABx%G zujhOmLHu}Ii_xVPm5=o7-(##aT({1}I>?AzXswod?RU+hb*`hZjt{j+K2ogD8fnYC zt`RDKz%wbFH8Tmw$8}=_!okjPmSDe@CPb5N2_8{dZ%_!(#sp#czjVQGdf9#6YC-)V zHQI#cq8rG))qmvS6U||~LB7VD=Zp4%WPH#>rPK<3^8!Eie%f^S{+7&CQ$?cN0KX-T z9C#{Ej|#r2z##iJJ&h?W1Re+C;-jGepvv z9WiDBwz*pfz(S?R;z4k@+RaBIP&OoIYG`4|#}!@`fE_#Y3o%u#BA)6@{l8m(Bd;MD zvNl>c6BgRs{X!fe2i3`E$Xv|ZFprLP{aimY*bNl^@5APB0p``^6@*x65A*(Y!l%N( z;U9PMH$vX8d1EoxBy`SF!cin)i5x-P0V*Bf&3bh62^@jgCGXIP%f(9T7!!cxPHhzT z@aV(zwwJSyg6z8W*QFxo7}O-9{wNb`5n_LFrZNY`u^#91A+EOE2|E4AlTn}1X&|Do zn2BRK-5YtkeDYahNwBW(aeJwsr8vWis_4%PG7 zlXOiFL@lJ2Y2fpBGCYJmT!@z(4L%^S&y1?1z`!*6!Bz>Ay|`Z1i+yC#1xh(59cgh~ z!V55(>C`OP23XotutuUc&D1LZ6_$43K07(b&L~(#EAdf5b+fHl2mIME1kn=yeKISC zWqAg*@1OFpyEM3TU@fTEbdgFz5 zjK&_(U1;U$-7!pgHQ+D*oOhCgg)DOy-Z61MC1;SMV}mdX(^4GEQ5|vjRKt?}D+JDz zR+hZ(uD@E&RzaokfWcRASWfl6g<2`B@bH?83?760yEOBMg4f$+QyEkm=3TN}zb44p zz5Qd+csfM&Mgz}vf6Sv|!-Ze9x1^U6M<0ODMsAIHTOi)@i;y81Dw*}zJ8J75HD~as zpi+;*+Z_n!Uv?z9?%tid#Y~2>U75b?Fdc6<{qV6FXD3QRORhu1HjiHr{(V@TFtHY> zRm=g@V8bXt;lb-9tDe(OI`C67nt^%RL3zHQJ^)pYp>BXm!ecF*aF{XrxrwM& z(aL>R?-k1Y2Zg%w^^GD5+kVv&@@ecNqlM|M74sk+>Nh%35X7T>cQfE)VBwJFQt;;@ zCa@R&AeKyyS#}De+&GD#dg?SD-piPd&ma*)|ERS~sDy7^8OmX<)pRAMU=U5|NCwB9@u>z z%q)I|1>m}M@n@%wCHlUCSb0eCCjO9`pspd0DSte{D-`J|05U~!gkgMco>^(BmN|)w! zzg)?X>f=TNj%=_zTFAu`bczzGbSL)kVT(^ZHϓwz8I1zfbyT+e)hOLlvS{reji zh(h+}yQ;TmLW4ln^`Sew=|cqWKgPPEj3Av0;P({%8tpKF82a=#8{>Y%SJKy9S#DpL zkxY~T(XKM#@7AOfOI^~bgdj19}(oeOv zmEtY2jXNTP`}UMM-p$H|EQ_+P&oq5N&~H7)-O!XVA8eMA(>U7L!&&Gxk%n6KTHOMh z)gY1SOKW1!<2hr&-s_PeRN~mWsCW-c!49^*n?+|e=mIgXWa83?kk!b*kitHgp7O-XvhHOCjHG0 z1n`9VJ5kRSjLZ(B911(J-p^JMZjk-oiffDam}@xucjZ!oq{eR0XsK@rwZgtONfVmYT4+VOSu58|J05DwLS<&p`UH6pWQj2~1ZH$mAC!0sYE zkIO@PO1I#F%R*y>&*R?<`P4s4OU#)g~Iu=+GF6Dx6*Q#I>Q2Yw)yY8gFB$Y1=hPBpl-$&Mw*l+W--eZlQCJ; zg&KBdKgL%f9r%ydLX-INjEuklXbmQxeg7x8LuYsme8OjlJ9KZ-X)?sTii_P?zQL+H zyo=38k*Y+aoaY3MnEt>5jO|6$9!Zv*bt!`6A^Smr8Ii5l{$V3c7wEVST-Z4F$mnV`mRm5VYBJiC7v?Df%ieA-azzHzo<@8{3Sc^w4u<3}x5O)W^X zMZ=q;)oZ*2*l|ul4||VKj9MO4%h%qJOY3tUTE09wD=P&t{lz!nSea4OTfz! zmR@O3#xMbBo~Kuie6H9SC<*V;XT#2mLo$?Rw-o@pitlaWr|i(icUuT(K?aN?B_Ucb zgw-v9Gydx|D6klu?w!+u-zi0oI_rPREHaWtKqbtl}6GZ>4AMM^<@kG_<9( zg?fP@!fTl~@;K?o&($5czov2FN)u9_=xyA@Jg-(C+&ZfB{Ir};2x^E27qlyiNR!uR zHmT)aOWkKR@%z=@{+i964Demg@QTJI!`UUwDd1&Y?&q2R6FgaZjtRh%#Pd<>zk@&j zvAA9Uvj#NDPtmTB9No$TK+1g^(%i0n@FlS5bkm7Vx_Nxv4!`7T`L!m8uLWRW_T*>| z2^e2t!_fQ!ahVHyuGDHKs=}Ux63ADpIBOf>3xiSHs|fj~2u09)2>vjLhtC0rKiK&T z_7j#|^lF|`2U!UZe&*v}3hl?SXtap{Hr)aA#MTiEX&|b;dR^yC4US1V(Iocle z@gWNp-AmM@GKln=^zEU3G`*Hd{W4g!7iB)twf-5IXlNJ@8ixU0xsN*jt+^wV9-K>y zkixG96z*^RHwmWe2;hUG5Xv~59rZa`9rxHBRf~1op1d@F{Ep@$-EbvF!TQ&J(fR4@RNYVOC$PU-G`1 zmFv7xlu1^y;sDcKiJ}4>MJzNoCsylII?YCb6NmV?u~0&V$qb^Tyh{G=Kx*If?q*@F zA8F-%S?aEHGlJfN2Vnp6c;~*z(F!KkZEt;k*s3>K*Njwm;QpsVnHPU_91R9n*}?A^KsgS-`H|v8UrAiy8wm5>6EWsm!>gVifU4jk3;!V~R;Wt5A^_FJZ9p}>7mc}cvLQEqa)1#z8eJ6@87C)R zEdE@&{fyS)Y}JWqwcO0aPupP!o{l|(XN7O&<|pd*Z;V&(Z8#uhJIBUjMUy_CV5nre z+j+JK*aI8(tTm?e&d>0?uJEe8uuzt4)s0bDOk6g*V{(O=)G7Fi#({Q)*f>F7OHQMc z#>&)7-gJ2MLbl+Qo6C`pw-G}=GJ>BTm|Te|S;k3xbgEafGx~Knj zR{dke9WJ-X%}lMpp6JJ5puHgZb8^w6*^yYRiOWs}_Qo1Wa$`q}cr4G|vr6XRg$xQp zoEnC*X((ABemdZA_L}zpI-)+znn@$MU2AZkuhaWTD?sQV(}^=j2{Vx8Mqp3bcUaPt z?!b1?5M`_B)QQm_@2*fAV^6Bq>})(6k;Q68c|5vWbD~4+-B876j9JNZ_t({Rh4G?>u)~ zJDk1~ClKZlI=RQ5I?J{eT}3em;04N~eK0mZVTm|ZT65Xeq55zFaPkBG{2R~RV0-4e z)gF#JR!2W`AItq@-Ox&bWPG8_v-r8)DO4V8U%jVjt6khS;>$pR z5Z9vCJW%t)G=a4rG6_t)cd<2%e+qdv_*$4 z>x=4pZdbNQ&D}EB9i7d4E;2wS3!a-8w7O!P5~(RR$E_W-)pO#+8aSpvWHMYut3EC8 zCa5{&3f=2OiJY0J@U@(8-A5{@2Lk-M3vxYMe@wPCleV_C7>we~dUq6$AzhQN*Ua{~@sCK=HAchWmM*J!@^YjpQrRv3@}&2g5QhUM*iWgLTv-UqbPC~9L_$IwsBruS)rXz2 z3C6iZhLYWb+Pxf~`6b;)wK#0eazD8^2?8zJAN(8PzMf0*Y!X|WMd-rMOSYSV39zIw znf>H8>N_U>p1cCmBu}b++vp2czpRFTw|)x$C~B_Hy0iKwu@lK2n6_vQf5IJrGU_$6 zU5^r>KDFpv)t{HWPZB!8+jd91^Xi3@t>;x5Nr!qt@?M6kKU4xkjyb5k>+-Cat|Tf| z#SCx147i_>?AiH=nW%7$f>H4g@!oe}vkvi8sDf&5PbWcezIcKbe&)8l+f6V%ymAfR678ryI>N zh0So8z>(Z>+P=jBs{{t!B>;p)P>MRwWOL9zMf%W8{$=zXx6V2KA?e$J^0#&97&O*# zI?isJ+&0rb{TQyiIe4oe`h)P|y|45+Y*sb~zCsNmIQ@#Q*LuLmK8|i6 zh-_=!H?Mdc&H^b7r^Aaa`S2wimkKljw^5is!=jI9V`yn=<&@P_)s43E&bfV)I`@C-#Ro{-R09Y;Fu!F(Cp2Q1^ol08s&R zPtziuPoZ4GbW-oKK2U%Oo1v=q>XW2Bk(kC46&M#s923;Ni*Cq*N%HjsA{nf13CvtH zsh5}xJIiQXfHrvBvd>eymvgd?*kupbZsW*yg`mCtr*OWuw)N>=CPEaw(feC>G+yA+Al9t;ib9ekV>88 zmx@c9L%7%)xx`HiGf$|tl?J6*;1+&$-lPYGvu`ypMzSrRg4YcF9rLX>hUK8o`FQv8$% z+&7lDr*3#O;xK775n*_6nV6N{(o-M05?KJYW15NL63~Y$=BG+$&IQuYy@3CO8>c`g zcI})5ID)LFlT9O)A`0wbrjbBAc+V|#_jz{Pos-+=M_8E^uU}}vOdKKF8Z~komq|B0 zj@F`24$C{KjVsM3z#b9JuJ;cAd)rea6J5SdvEQ;*e^XYJj2$Y2bxgphn`}%QDdy1I zGtOa6YYLk(b|us`KB48AK`FHX-C%j+55=(Bt$$YXZ7PtoYP@9sa7>Avd49YaX~P=$ zBWd;yP0P$Cjpo2xf~HJ0a*3_Urte97DfycG@11iXV=a=~+!*+>3q&XI(Dqd*d)9Vk zKg&>e2yNoEo{#gZZWU z{hRzEn>bz%G&RBmufRAIn2Y$7q)YwvY78;{=Ty=~f(xEQ;}GM!hfoc`o?!l|%>556 zKs*ps34wl4@(x2b<&fM6Kasl5<%cOOa{FrTmo>;#Jc`_|?=SUF#?20SVblWaerbQl zllTz%@ckx67MS_*9*7fgT42=EyLu10xqOH(SjDzx7D9W|THO=KZp73^_NT{7bsVu* zpMMJf7UL4;so(KwP>u)oQYTr?;H@Ve^R5Wh!HjyK$!SJeb+fGSS9B)*P!3|oy3!%$ z?z!e$Auwf>LDL>IvT|IQ=%x|#iQ&#rhCall4tDVRJhbyZ#FC~Lpw z#Flz*5n2&yvcVJ0&L4EPBCP3&=EQ^`RReHSfq6Ajb<~^x@ z-J>xpd$`o7A#^!8?IjQmkij!D_tOB`;N;N!X4bg@2&wABjS$a9extq z_NRjN^zfkh&%^~ws?a2w9e9la&6M&$R8paXZi`eRS4{gAl!2*jhYVe5i5)WWwG+{A z!jSjN|96s*Kn4=JWj0weQW|TM?d!dY=mLE2_l}wHYQ#ss$??jYj8I6#v_%VF*9yF4 zB&!|+gi(3h9w~ItUGRYk9ABA`SAH35*fzlp z@1aw8FKS(5yOfH#tZF=_r1c-p>Y**Eq0dzjp#!0Afk?#kO8d+vP+;@7;hI83am$$w zGDXWqpDloEx8o0AX1gb)%~WZ6LsXf-QRQMf32>g?^pwZwr{CSLoN%1S1n8 za!)!#mjs5Ceh|DH5f+HTyU4oLa6;v9Wx(%hfH^PymC#s3ul2NV|Je8G$Qu(^f!4~u z9e{XMdoafgz}=s)Wt7qC%eK?k3p8Z8YkOK;{ikI8$MCnoupspS2vECPIQ~^RGC}L> zcWL1$B{!cb?Q6v2xUT?>;9747=!7d?9i|_!(41wuU^D)%yaCV<>Ww42StJe^m1E(* z9~_`x@`>`(2AFF4?tL;XHEFEEa@&d-U;$6tgUmBq&V=Irx=rS z-&zRnQ~QxFCRXym%^XMyNDSNz`(3)6jG4;kPsv-Xj2a(tkPTjFIkm9yJMZSTK!I1k z6ELj~rqE`?f0u9b-CV;Cx}rl5&n5oSdIVp@{D5lWoS&J$l7``jo-rpT=78Fl_o_dT ze(Xo4ft%I+7j@e|LK#pKmVBphAYvZMu=j67!})FvqmzJA5YT;jQa|MIX(qav1vv61 zP}Z+DcmM;kbrO2xO&Aba0G+^1F;d&HO2v#1@c#34^qnelR?G~BYPtvffsvrS0)$TV z!>Z$;)T_o5&Cu!Xu^C1$BJha`V4t6$lmbnp9#-n)-rM+$olNboo|Sx2Sq4q+mbB98 zGc)~oz$6h_mn~Pj{d=Y0YQf-O!jaO6uM@zZ{_5}axSV77B^Da>ZNfm7+u0kI#+s`p zJ3T$F2zuLbTBTn95@Jf#u11!;nksh$LcU=V)#u6G1KGgWZDyB<&A27;Og1f}Wj>rC zRt0b9cGm$RX*Zts--bP$G;Ssebt`34OK&jpCZ2avNS1lbd#N~OEf`jlXmiXOesXx= z>QfgTL)pCSq&bYjl!C6|3$Z=^&AQ*S;E&&^qf?~xHWp?YH-b~mx!7}*WLB6*6H009 zB+c)<^c1s-rF|NUtt58BSay#sjWr7Ys}y&=Ir3N9>#I}!BsTFQQ_7(J6uR*fDPI9# z=-SjAoB;!70DW{s+r#r6%4SZz8)i$P(w{dHZnRr=Cft=PWuK&}^cD^1B!EbzH%$$uUv|-8?mHdNl_yOySw-sL*Hn$E zsTxmE2;7!R6}D}?1mzQK#q%`saq`a1kpo6y*-dM%_I>-S0JcT^!`%z)Mzghp*7bD5 zj}&RG#D7jqb1Y811AUwJ-xagh*giztyrB)=QErpk-&xffdC%}5&FQ^33SQ|Q!53e{ zy{OWlP`S$uGy9g784-{$X3>S@?ik+AxDA*hC50mUZQx$5gEl?Q*6@ZO@UIFk33XCh z&sxlY%nkMq>1+_-vNQa??gIJ5u+PiAl}oFC)q*DJ<%*tf2WXm8l>!N6lz{J@*3f@a z#%}&}X9_qfSo@OM zdJxaSd4IE~$>RBjjqEz9KdMLG0+1FGr!E`5C1v}7s0NixTU3owy!Kr7#| zx6DylXH(|_(cRM=Yly$rwD-n#Q2=OJhim$`r-3rmDccz(Kuuk~j>Xti04JOJSxKCD zcz&kY@&09r*_)Uh4(2;XuwZ)ruXt-f3Cf&VSbh`!ai@<$BI}s%ZzQYj-L4m>( z8O2U%K}rQ|;ch_0-VpD<#_gn7yOuA#vtKPqC~e<&^VCb}ysku*L66k#PJA2@wt4A} zc7eQF16u=ki2_8QfEh1ah|-nN5YbFC`5yNDvt_7rL|(QzH#uxh|6cwFxnIVo^FTp5 zSSwIi?MdJ#w4z#QFY7;RB!SQ~sd<)y&4~nMUd)Pl^DEK5r zJiaeEy**rmH>Y5SHj3qMD~KgqJaL&UnD9hT_E|-HGe~4^6a3N&hFVxg{-1}4@)^mo z(z+UH@PvJ_2AmS4iJ+vtjOu3Bvu3){o>o=&Tk;F$=UJ$n#6cJoP66`6=D*Ctvt+gY z*O`&KiZKmKbi1D3iAJ4~AP&k0UqkfUl?;a5qQYT;$;Z|^L0B74g* zkCK80t7fOr)67&eN$~^Uf$PfSnl3V{KQ%cd)|E$i9T`g`=CH-^G}w;y72V zqsnOznU+7NaYM(PEjHf(k*gqr`m}_b_S5qmfZ5@f^!O7m0XUKP>uWUZ-&5sCugrpe zth7I%h>nJ~jDsp6j5EA-cw|w8bQe=ll(_Eq8=O9!9*+>iD0dN)WL&UsS|k8q-dwRkwD)1I8k< zvPZWtog`o6mdCs+w2DoU_DI9nUwLT{EA13niam}O3O6Xa|EnOMRyQn%eq)1Il0fEo z2hgb>XOv^&2g^8oz_|fNGNuaKLMnUNFG#i7t!d@~qd!04U@ceK7FbRgwBC*RmrZ%PRX<6DE{Dpy&4!V}%pJq< z$(y;ZX$L1*3eP}qXgNE;tQ?VvunXU>l1Sh1;IGc|gs2upc3HtHOBFxOF1Z}Vh{hlh+J&~04<(onsrp|11B94P3lwo-E#~7}Qs^oCY zd)8O@*?%fng#Y`3#e@`DXE8^NnX(42MNnSm#rOF7WBoF(ozUl%4;Z(|%kEygmMx3V zKpR3zU-$ebMvtC6H}#7hQ&w?@O2TD6{mTTmtozvQ#0S8`^}-kDpj$TFSn&5no}bOSG1Ps3jS5Bb37}J@%PtpTE@Y2!BJ+jJLZjVZ5UNVdokGl(cEah3i%E` z`!o1wrqf&YHLdL~=6;E)C!ZL?w-!)g;tZw#tG6qUhdTfN+BTIKmDIn6k_ zSRy-!QjV}lm~qS$a+ewuqj4W2mHSBK7-Af`jhiH6CJZKWR#*n}eUIIC+uiSXzwP(? z{rw&fe|Y%E=kxx&U$6J;dAwh*>jvqMY^P(O=8&@ETdCczFkPO{+UK5x4kVTmkK3gX z*XJ83jQKc<&QC)&U%{5d0-8|-Il(g-)jgUqq|&&xGWAwo8wSepvz+}rU;O7e0v}}= z6K4cE-*z&*i5|kcB_a(6hVq#9wiMbJo%>ky4$y{o7^twaSYKp0%v8cF-)+1pt3~SPIxn~;PSY~@~;mRUx0ntcpJ@OeZFM7c%VEq`v zD-}~ZTf)2F<+&oQTZ7{-Azuo4g7M?vssT9WRFP%S*D5rOe=RE7FeLAq`~gOZfI2#b zhWVKHE=E8qpSTRsTHxbc{V}851U>9~!Z#mc^ljgla=nnq1MW1VMDP8ue=K-WY5}7t z$8+Oq-oZVzuegohR}&{xpv=2hf1+~(P=1SG*8>nMR+-al8GL3*L=X$PUchp*eD7%@ z`XwGMw@692^vp_fhU)c{cL2+3dFWulQE%b7DbN<}v5yisb{R(Vl7E>jn%w_yl7-jl zf0ry4zry2dc6gdIJ~3>eH$fAbtN6FwwLLX%w@>BR-|s375K-<1*EvRjm%C|dFd2}{ z0GDaUwE$A=&OnH$V_L`ufc5&LepqLTL3*k!Dr^Aj0fn&38R(LV&_;p^v>CEnxa9$B zc*~W+K28bnjZxfn2)(IbDX#UKga}1kE92WIvo8CE+b!9$v=^+VrV7I?A7MN$l9DNA%Y{)J=yKW-?{)CaaEkquy+a!QRl3-tQA} z(WMrcYlz8ZF_fMKMf+XT@dgqM<35I2CK539oP^sFyZ9uur%dG!>_|*9ZU)|vhnI|2{Njwr3UX-cCG*2_Qk7GAchF^(dQ^cVIN=e2c< z<=vRaFm9k!MW6Zz+x~~C$66-g6#hyy@p51&cCRC{rv;PM)&a`j8nDzL8MyY3HqytV zf06f6BbEdk5(OPZr=pVs%`1s#UQ5}1aJg;5(78Y5ZU%sj$@_;Vp~9wdS)V1I3bN#l z|2Z@QTe@#GA+qG$d2j}FdVv;1Sz508%Rdz?q4%}iSZvnh8y7I$(|~|VFyN5nvbxvt zZpOJ<2z6Ny%dcGSMoYp|X_sB@Q(31WHbIYy&*Jklm6xDCdjTzzc<4dpq<*S zhKk{oaizkXt$g@PPo?n_bz#-oj!4@g)UNr<0lxQK+lnO=Ic4TVX%3zuWmJKW(8O^x z^$qxbfqlq+hkmG%w{v4~W$H7Z=t-w*AlLAk`GRT67ZshXCahFm9PCv*Gd@tgJrOX# zvKTfUH{xb#5Gk<=(rSwC*uxRdtT%#^VLgX@nrcoXj1Tih4GHus1)T)e z!U_Tzz-zM2I;zfRQv)Y<^B*?nU}upJTH8^@eZ&+w)c!s8cLG23d2oNCS$}*yC4KGu zZ`u-e4?S{mxT1VZk`CfAEm^c96H%Cxcm#1LT^S{ zO1lsY@BFa;at~`47%3?$xJgq`9KfS^4_Uw~p8K(9Ev$d!%o+})Sno`ubtwo$rVbuu z;Y#vY0gesPDNFAA6cPE2XWoI_TLOi0U|EX{d$U=akn?_gdjxrttygvY(VX>!qW>Cx z!ZEGrJAjhUlGFbR3=zA;kHQbPAm|^hZKP$-4ou))HJ(`W>@!_3VnwZm=`BI87!pWECNNoW4*b zxp`S31mN2b(H@_8cv!1SAHK*lymOC>_a43d^TF@m0tb0JVH7M)>F9msFCbRHA~B#_ z0&$2WfElmPQxM0VJg*_3OCHPP{NPf0Kf4dwU)wkU`@tvT^)XQtWS5JKn2>exWcnq#Zb_{YK~i@Xd4{2xFfVckcx7LX+9LAiv{U83J5wlu(}YxRZgNl>-P z-6OcXmxNE>oT0uV3V;cdG+XUPCUCENUM(iI@Y!JEMJjL1An zRDu53UJWQqxRKk+>zvd-p&P4fBsi#go989%wg7uKV=uCE=ce>R(l!Xj%cAi=C1T&< z+~vc4TF{_&CU_pnW?*=to-$GhLzugrSpVb&jlhWFc$gO7o3JXxo1y#T#7WnY9RhML zOJu%QtIo7LnSoPV0xotROvP?izm^6n^hThlhEq?e8$9?3f+$=*E+E``Td9y%udWai zEL_py1Wdfjq9l0nAV>Q!5H@h=+RHks3xYY_JoD>Q8gjyH7XyW zZQZAOq>G22nQz6rz~3!Xp0qMir$IgcximAz?Q{)*!!M;)PUOyOf1E*YA7>OjU4jFj z$&a@qa3%rZaZaKSh!QR3LS3aDbbo^`pP3~=iXh}424`#or|gBip~^N}=p*eT_Iwg&BuwA2 zpzYt5N;MRSJ)|GG7Rg83GLb0%AH9VO@xRBLspyneZ@kD|J zebe7ai=&KVHJgPv>0H*DPJ*4AnRc;+1>OUcywGq;Zq;RkIeu>i1L`+cJ2W7p1y5(M zkk~uapmRNUfM{2KPat@6iBS7pV50+YvuU`muZ`#PB4hvM7r(F|P^(zfpZHg>x`#yD zGeD>?!LP!bK~M~43>id&y_a$05l5@B005Us90iiI6_iJLEvNV43!?i|R1YA~uDcRz zT;;*Y)aQWd5aECqg|ERKH&?#&tHHMn`>C5Ymy(Z;*f^5Epo~D~g@3Sbz!)9%z$So)`75Sl(b{FWFo^guXjvv|_Cm}XY6mnr-h|_%kzFUvuFGlI z0oFWZppqm~x=(S}s5Tqy5UB`+B%=6!f~!qyq$^;ljmn-$rI%vEI7Ww(=mk*r;%YeJ zHzQ|lH4GfqQIU0H-uemu6s*+$3RZLr&3{Lfg1-FwG)CK;9TM6`!`zPGCY#sK z&Q`H!*ehpi8b_gHVcMV)>#t8CLze2L- z{k#{cM<1wpVFFR-Behwu!b^5P5r0VgOldjVj0kUt!72GRHNNW!XK5?l&C=8@#QzU*6N` zy`odqseP_#(WSQvIEDU68X#~8Plc~Z)9BdW(VhQaSpYNk)@sYjQ$O}lYZ*V~+3Y*g z0ZY(gCy+aL6l!-6RF6N)wN}o3bp-x<23A+0xN|aL%Lf;Z)pG0hHETCDH5#yB^{#~E z7xG`7PWt+AUN~^ zMP6*san`irLB$zF(T3G9Kh_W!?8LEvPu4{Y?;E61U48{3TzWs_ke|B#h(p|y5bF+} zyP|&yMDnA5s4lI6+>Ut*rE! zubRTxSTxPKnfVTQ39CUM9I1IMn!WKFXwn`0fjMK5lrWvL%3kRXljziQ-tYTisk{A{ zgqCICt->XFTmd&^tlUd#^<%Ki-tPw@s7-?3rR0_`prJ>>BE!9%Yb54x;x|-&*G10nPf`;>KgyE z7vx_FHF)ewoIoI!1RW)vG{?t%lTSPVZhwV2TOg)T55(}m0VW*k{$ysx#(0=__C1JJ+a%!&VLAJZFG4?m{v>+lbgsG zSD5ChZVD-hF2zikcm_(e?B+7w|58DMl!)tCI)Ca$JZ9AU+XHtL8D@pIPTQTiYrbrk z7PjD2GvDe}Xy-+eYxRHQBrY`Br7Esm6quxGT7P3osNTH-w^c1c2Ny19xHr#Jyca4| z<+Bf2N$uF_tUio((XH6;LLQmea8lk>&&J9_{;73e@F`f=k7_-W&GQ#W`aB!QRI3FA zu)0Y!`qPAB^z(W}@=3lUF*RB~CNou_N#%uu7J<>(8DFf?5u*$FnSiOknEx)Xyqkat2*o{M(2*(6A4;* zER%=P`eSoT^Brzv(h%-)CY8mf%(vPeWA23|udL1QC7;VtJ?h0Lc!@=$98lY(mcQFp zC2-0nCnoedGd6!QVzj4O365BF68(u0uBwtx@$~5e|3raqs;3qnJER(3Am{7rO6Q-j z@O5@QQa`RSCS|je5_!DPR6sstE}ZsayMoQGHv!d35_2Y+xAzZwgpGJyF-tE1k6T6f zFp;O5^4^};gqxz#s}LaK^=-}Ig$TQ#rHakg>33|0;{@pFL2%R0^HSxcDb4?lRG?pG z*Oia0FVkritMet}17478TJN7pH$A!&S4_(=YK#ul$7yg&3mfWCo*cJq5GL{mVJ_yL zDdlMvAyYGAlA$|aU-B24%|Bs}U^~@}KI)V-#V?;N=QFBT*scJ2Ay^N@k58Hnqs7WF z`g(56Tw5_Z&iw3I@UWJGGIKD^G-W!@%5!OYXy$n(ts|7%Yb(t2xe0BR&bw(X+&aVa zP1fq8rM0OE%6#g%n`dL&$*l2x4`hwG%n+`R9jM>pg=*#fV%wU!gPrNmmAZKnBX^ax zx9A?2qH$Xd4EQUMsX<6t-i^LxaW?w28@%Myv&Tbot-YC!u^k1$jn;y_{&ouaV~t$X zt1iprJJBA(JDmfpcRIHmVgw|$J={Iqw4zZTzB}Z6c%0>V-q)!1s**CkWKX~B{N)04 zkrS0HWJJ0IIWaY~kp)v`x#YiH_RGoXElUbZcxAqA;p`=rD<(2q1A;MBSu{N}avE}z zmw;NfwawPMklS*I&MnS2zN$5W8T1LLr3R_onb(yAdtNG-G!$25A6N5MK**`#r8CPZ zxweWI1n$+uGB(#d_YBO_cxb_QwZzlDUtPgdxTNo4CjT*Laux%|3p?N&a(c!Qwdj*f zYkgVAq>R>${Pmg@BEOe>cXXUqzXCRP{iM6_&G%Y80<4i8 z8`r$_YUmvlG*LbCTRhpr9klvZA@AoS+Yi8E0`NxGU7Ti4doPGA*XFu=NRh1YnvR|a4qGEXX;Gd^d zRA;-XsLq@_e-`-8*JXh%DymCV5C4&W<{rO%{G!eFaWoID59avLv!l7CB|E#t(PgAa zP{6YJ@?_8XYoO?w^OuD8UehJYO^D@th#Nv_Ii1wS$@=HI4JDgTzQ9SlP&szI%{7ik*b9Q0bDT_Fe zU-RR@F0}GRW7^pW!K02BCuqXsT%X`#61Czz(P(og8rn?)7_Sgf75%wzfl2AqXlw2` z+_1`Xb8-9lArcmvQJU~|WTPzIH(B^Gm3=yy8^d*+K;y{98ZgHCPQz`vU~6Q6Ji>iz zn8h%KT#=9=LC(V zJ@q>!%@x(IZ6tRGCoPB5_ActkprIXRNEA!x>U{SY#ocue8wf5!t~NA$(cFN_UhK!B zh)2gkgA?An8~@;>{Tz3X7N$sNcwI7%U}IxrO>RqWcb>~U=NoxXnC71vm-HI7g+EHq&%S3(WJ3>Py#0!a3TwS%mz_RMg~tr(ZmjPh zd^H_=4Y_?dxVG7iewlj)pwRAqzAAOOYoW3g?wc#%T(xF3n5^fKC0l-~ozk$?ySA-{ zL3{YRgh5r+>Ba~v?^dX+*TM93B{`Qm+}d}mnuGP}5QPJr@9q}nk7Z~DN#Q$tDu*?zMRtOCLEeV$_p5}xiE3)!n)+*{ zmN=hGq}Kc}ftaFe-qaZ;<2{*Y5t%EM@AJ=|3r@+GKwQyX5j65&IS=`&vQOFcHd`%$ zJhhkwSR)wGW6YC?2kJXMLY1)2bZwo8@yUL2)R{0`~8Em zM|%fH#nL}|(F)sV=0oRhx@TMIXMttA%;Iu|5aH04Z_3?B6~OGn4-EK_t0{skgg%-Ld%{|L>6|>FAd#>0ykeWnt|x^5wyZH~UZL z&P`U_9;j9;+4rx7)*4lPiW6?gtu-PT!42U=VMtrdhquiVhVf90%9;Z4kUVf9v#nx# z@V>x1r**MhPIHw|-vMLB_xVucwoBOP!Ak)w%%UIby3B}X3@FCUubaEX@`OMpw58l^ z!83dcMqUI&8@n&U&jT4-gmKsiIpu$=O1|GIzqLhMwaEEm;xexhOA6-X9%#;kV~M@k ze}8&E!f)9k>113@*5i1#JxgoXtXki77fk}F_)#MrZbN$Anh775xlJG?GifXw!!FPAoK&UB?HlE2Pe=+uvz4mMC?OQV$ z2eeOyKMMJ1oZfeA!R}!_JV&3Wd`EMm*$&Je$$~X6ld*ev>TxrfM{Xw~iVEHiw2A>I zUrT8g+1oO9jUyBB-nYuX^<>K3J^!V@TCAz-ri*Fe?!*}dlqe^I!#N(?P)VB0IMM=} ziTRc@k911{ znWT!pS*Sbq_%!qIAA~A&jLP zQXb+7`sL9YTFnxwomlPtxV`MgR$`4*Yn5$*+{2=L&V`DjRZmd*YBtBY1xG@i5g4Y! zE0kbeo~)XRe}*fFb51OS=$;6rI5)qZSaJeyS|GlC=3&kpAD*vIkWfQ2Q6I&`PLfT#o`KNNoTY=_}HE(@;>%*s>8aML5S`+t|s8)F|uVLxVT#8 zO|@99AdJFJ{F^^eB#POu15qd}WrnS#h$kYZfigto0>=qIjVa#0$@4Xd3)05wyqUHq z{)x~(6deai&?9R%*O?~SVPryl)OTB>WKpEofe&@)7%Cih>WsTElRsPS4?*PH!lA~Y z@WQ|iCtet;mkjUVF6A4(>T<;aj*`a z50s7|m;2&sDVvf5`REY&fc=E)vejG_zCO}itg->V`!iWj>$P&%s*h$5lM*hujj;M4 zGiXWz@fJwM4cGVzJ0!?JL0!CD`kSn>N76}+DD=*pa?LBsgAS~zq;Rx-J$7r`s%4pt z@%oZQ!t39X7CrZwx?Sb(nwXtEpK?ZDnjm!iQ6BmgHsk#m{h>r5v2x_jH`aN1&f@tP zTHnqNEHW7Bk0v1kx+NSTvcXQEuMNZX+77~`p%WNt2_EnzDydd|DU9>w{A2h6RTZQ+ zdK3=d^rPPK*XqEAt)lb@gP5~kh=Ba$XrtB8J*Dcs*@Y>kB5&3iqr=wRDzD#DorwmM zSmLfE8|J=&6e+wZ0wJC+OX_Y|r2Z_z#yN1VG`u@a7=&kUeR`QUH{B`H3rC9C?@GVM zoHvw`W;4u2kl^6omLc)la1I*-jcK+eCSJO945?8Go|Ti;{GF)oBrped~?SAPb?Ak`yf2Y zCW(UVVyE{n-ARX(NL?4T~(9u_`Ok#RIc9Z&tjg($K+NY zp3E#z6MUT;ts;xNv{KZ-agxMt_SCgq?5!EYsCG1a8!DCVC0rR#%-qOGYm}0z1l*-DE3Hx--=JU;mo7xaEbq4!=5dRX$nDNnmzFaEBOQM$);jFFVf}<#)m}cfrk&G zA!|CpgnfEM{G7NOn68N9(%jU=*%H64t^TFM&10zFc0;R1ouSXkN~hn!Xtm<-8f9J7 zjK`-MK!5b=*C!*19}+>wB56r<{O>WyBhr~Qk?Uzverze6RY>X-dB5j+XI&U(dk^7{ zIu&Ftk7>Sq_UYQ2zC}a!J+u@l*(FQWwiAm)E3^eCG6q;VNFX%RTH)>EXbA@T#utG! z8vL>WY}>iHsCwX=iTeylDL&bw`Qa{i9I-~Z2r|NByi8T> zxu`7AKkc_ZXXv+a)I6-@bv%30JoN*GPgxZpBXA=34t&9MzaBAa`Ra3zxL4yzEjqm~ za9rsz&0L#87^GOjM_@b_bo~QNzZSFqHT{${ss9~*tcjGGehXyNbTFl9Mmk&aqM$kO zTd1ybiCO}u@~&I|5I9|oFs-N6*szakl8n#M?Dlc&+}>)#lGNm!+Vy74AsQ+XJUe|1 zBhW8#n~e(jrR~+_m>39c&TUvM`G08AW6<8V9++zin4^E_#DJK~OE8!_|LMecImRwX zl*6Xhc#W=cC}fgHWgisFtj`565v_#B&w`pDrUkn_7_w@13cxdZKphO3$8;wITg zUq}v4!O_j_8lZcDI@Xr@%(TQj0~g3((Arsywd!1{z$LBRhdU-Ph1)vUX5;J)eSf#N z7J50D`Z~L*%i2}rQ@nU>U0(BNd-Fa^*uoMrQrHAmMdg-^d7irHpZ9(i1Pnz4|t!lwfJ!MF2 z90NKNCSgW9UdTKT84T@a&MM`B_9Z)nT9UNnsmO|<@5yA=n!(9lFL~~|_sALrLY8#= z``*7V^+yhiLS+UzCtuk)cccd0{Ji3CSKmT&Ns+qT9jbpI9)Ns?ZrP9ayk(D<_9}U< zE8G=u7S(fp@c(fVJdS1A{x2`!f2Km?8%dMLq1HF-hUjlG_*~%OsA0wY{BVud{6tHK z?!}TOq5>daJ5V9=65@3%v35xPn$aX1 z=ugW%c15*|mC1S(d>Ea`KEmI)18NN|tk{pbzQ zOf&IdFaAli&`fwfUCd_$Tu>nvG;3zK+N(AFziXF&^F<||bUwUi_nK$A&ZUO1E6&%L zx7VSHZYw~wwhhKpUI}-GudOo9O&IJ48J?^++!glqt%^-C7H`p=&+5*=t0aI59R3u@ zQ$X2`rpWKxYvckIem{r)(M>0DBi)+`^uyk4spS2kkQJFq3#8ECRQtDs!+gUd7V_>} zt@=tqTAtpZth;#wSFun2FJR3P57f37Gv?eyVtJz-=62D~7d1tUO0DgY)n9d7xHyga zEFU&pf`8PREWNP+-}1coVDobnZlG+!qypv(C*_CaZ<}6=kb)LVWhJ@*Sfj%-9eOey z6!6`))2d0xLY(8DLf${P2~34n?6=@sMUnOF2YT4R+WO)DyZ+IlwSU%jZ?8V+ zYL$frvdFIg%L*G~hQ+(s?p|Yc!496rug+}g!#~LB#c) zdMDV(^`cD|-;SZRCg{e#T972=x@18NP$VV`OM`y}5S;ms0D?%#%?|}FE`@H**B_B& zPmXTT=D8pjI~<{y+gyJ}KUK~&c4qK-LCCHbGCN+pl8`S@sSJyC)1_t8;{0E54HW@4UEkVb=Feb5*lH zEM)>(HXkQ&pp&75utdmrI#4UL-&Hb)H{aDEYF5AYU$8GA!VuyIxi4&wc)m}o2Y;x` z+6E?~T#)=j9gIALX!@weTKQp@(+^STnL^9YvZph9?VGM~`(zRg>$Y=riUG zU_S8A1s|OZnpGJ*ZCu&V3KU+xGdm;VC*&7>%u*4hqb#)_(sls#Soh{MLn;!ThE#K% zOk-zOyu;H#!zAksS0hFveL9QZD;e_yYv;B%*TV)3+j=d8XAvroQw5qX1^gV>GWnz+ z(9w8hD$B)5+2Pz*oe)Ue?v+&!E4XA^R=%=M7;VIKnwjI~m4Gml0e0QNH)nXVwKy8L zCx6roee6XE(WhDG z7|E{c9oYG!jR^R|-2acdBBZT+r!TT6-L6V5Hu&fko_Y-hDTw>+ciMusZb1sN^dQ_!(kth1xE58iX(IOgf(YAzbZ~Hu2&DY?XQnc#Dl+)gdM}SH#z+%3 zy}JzX+;?0>l)m zvg9k_#-d_TP}|WV19%sr^M4EMLV)JF=rN0eeUaEn9MoI(A!+7VAcvN&H)}O!xdryU z4G2$fJzK#i>|%_PeG*g6hT>On^i0|N6}wsAGNTtJ^c@)m9@sE34oVCkohcUjQ7Qn} z+Ft%y`q}0Q@sC$nB9fHjk8Khk@P-_!Yw0|`$l*A4lcK0PiFz1cTGbA{xtUtZO(+n zrli0`rR0^2Gi8ad_&D4KQ1x&RbcVpf_2d2$L!aG)x$5Il29>d&f^35eUmacM=oZ@9 z2-Qb3V86A{>XRR*JFI?3852h{bHcvv9-(M&JxYXyo9yW@@9DJR;j-*W=TV2>y#3MM zuJ4Y3h*<1$0&U6SR!98Gk45c<%sQQ)8R&HwKZZ_Cr;=Np5fd1~@Wr=xQQ5-&km*p-}-8VYDsqz{g~)mj(+! zfB{&RNEvDz@+=5(7`YI7q42?ArZ_NtP|DII3c_!XY#8rNSgSfY>0dk9+n@1D_YSet z3_I;TT?swyuinh4K3K#b-pviQHyEF&Hm|bROhbEjQKTWNkDDk9l>ClEhQ3 zled0H)hC7r*J465T{Lgh_fJlIykM#Q`kGZ-7XA3sN;?hKPb2Y7yEhJ0nubSy-Kq8n zSTn5jJ(>PpXc5Y8L6;B;f!;ix*A0&U_?0+6RduedV3Xt(8ouMVL}V47_~S=x^1AUF z_G;rv6h;RPgFv4fQm4*nFNf8Xy4%@s?h8v@FGbOX0_Q^?86aQTDjNaq(r5sJ)BQl1 z(`yXVSE14)Hz)S#l9GG?3)Kr~*IKiDL(2+MeyZQ**plDA{psn+BCDa_?#i4*s_CW0 zuX#UU*X_}Y=;|U>!BsiM5~F8o ze|jD?0R8f)UhHRGye>IAf$~mNOc>?iR29hCsa!;yr1>Wp6-bR9Or)%P0?5gdIF+?# zcs$PD$;rQ-zRX7OTT`n(i8f@A*BB;?0K~1DaGH5#*K@sSas@p3Wtws5VcX`v5Uo3~54_LKg4LwSNhdQUhJL4#qn*k0 zN_=yv%bi&7{r0TWozuOwqxEgW*fmcXiCZa;eF$UCd&qlZVFkenj#=9xax(khl1|r7 z=1z}7{kG~?s6LKS34LgVlppE1K7PULG`tSyuA*A3fHZ5hvp&UP-k|U+&VqjXL7C~i zASG{il|%-v52T*X+-Ix%BdqqmN5j3Mq;8uTt85F^CEXd~!IPtCIA4+(@oLACtx=nW z=Prc*Mc~U8S$vtF)6wEcOcL7fXr57G`v?Vg2|x1>%RfqA{+e;Upfz=ocDGj-mY(Ck zwC}6Jzt85CSu-l2Ne)uV3w=!H-Z&EGWWL@h-iL7A;BD`%soh)TJv-FxhXB<;mYe|#K!D~SMclzxJfT^$Pmef zQ$P#?)kzf5kZBWz{-eU*{jC!VZI#nVoC@~^>8mRuBvF#k^7y0cC&H({T7|0to08Bn z>r6p8gIpNtR)m`9u6`I3r2pm#Ggso^*d^bU^*(7RIVGPiRqsyh<(_DmdFbp&*c62J zzlyrjH-v!xlHf3@v@ltnmWWo-j3cOy2XhugmD!Y+ia>o1Zffw`lj9rHY|EXUH_U@o zb6is^RH$xo+=;nvBz5fKnZJ>ucHLntJy}%2D$z7oncBS0_yK}%<044JG_aNge-_hn z&FJ8R>?KUoUX^LF0Y_s@1xecLV7}Gf@S=IX!ZU*&K|4IVz6BG@{g5*XEcJQC5QEy( z#%uda7g8Y>+=oy1MKCJhpWo_OXtQScT;gk;zeU>VBaPl|tf;hE>9CkI$AH%}GaV0! zvHGe}*Kkw9zWc|gn}(-_F~U`1_^D-Ev1dxnZ130d@nEhZYL|Wdn`vzsnM8Z``myE} zBm>TGd+jL2?|0I%wd~lLSPG;;ioY9wt5u-o02>TA=t7ji?7rhnIlT-MAu_pmK$VY~*a1nI}};W7}TCh*q|`LmO7I2zNY9-8!S zdyNw}h>%XsXx_Nj_VPU1!+G~0F-iL3E*5LVGwQVB0|O-68S2j46?b>BAOvUzMWxR& zZ2Arq!``&O)>p*le=@H$+r0e=I zt6|k%$;nCX$=iv2pH6J%nepg{T295OV!S~M?Phkp+~0NN-bk`4E{L!KQbt87VjKaj zr^clq`Gpe15~xYt>32bNdY*jm)443fQ`d;Lv21Cr9#^uyL?-9B@a}IfO^JGBO)3V{ z*y}Iyuo(xn629X}dS5e!f9a*+FDu|Sc1T;1iK<&Siq4ei{sY$BGI|`kJE!RBO&DC{ zOR>-ge@O~o0NQ1JqdzWU&Vjvhm)zSLsW5dtQTX~`lHo%9g20^1c-9CDe0^yDx5#o1{Gh$TvENCE;mKUB-!+#1@&Zl< z)5CeBVr_!o9j0LJS=!9sOS1Na$$nm|8gy`!*xYT`=a`HwT<*xN#ADvNSjN8pIw!L8xi^K- zD#0U5%J+Xb%I7(chL+T%g77GzGfo7H4ySjaaY*R9Af_p`ljR>%af3xRs+FW<+2|?5 z++|A2`2w`@@KTai92bR(Z7*o0%V$A}1h_LKq2g**E^F({1xftd$(zE3K4#AhCx)D4<_~># z`SkJOVE41kTk0lty69Glt~g?RdYr+BG8mcggli z0`#K!42W+2gD6zVRhg>9a|ph`j*d{EUnVaHCcfj zTKjfm#9?-$#r_Mhd~9uacCg?yl3MuN*T3{m=n!nZE}Ru1f7;p)N6k7)qL^Mu!r7)wc3>|pKBceDbTW@A z2g6>~iW9ZJR=vAQV)ooSi!LGUH5}@K)G&LB#0~sm^hLMeo-BVLi{5U9U;ua_` ze)Pr+Ba@k zAZa~6*cYr@8DK!{!L#S4P*#P}ue-t59FQL)?QZnn*Hos9-DH9iQaN_l&(N~`cnaw& z82YO6=3}$Tq`OscxK2(ji+NX}j(oa}*zqHye7H`$O$fAdmoq)cuE*pfX2rU>&D4-Ff)tNMj6RQ6;0MUCzi8F#X{?dfB znXKm^8a%Jq7uS;~LushfxpKra0hlKM=HY*am}ODr1sxO)g9QkSddC50DQjd)6y=rE zBgwKW)U&pcPoJ~>DEa+_cH-L=uL)WOox2rY<@Krqc+-Rr+qWbB;~=Kh4`<9zM?vHj zxwv$N4Wj;Rhtgd54xjZ>cA{ly)6K-MrnR+Ji;85+cFv~Or}1C)vXMz3V{4iez_sf< zI3D)h(JW_hre$>KSCly7R`y?p+QlDzeQz8#&$xcc^yq6za3*oocs9b8X_G!rkrExu?0z7 z?>4zH$U5(Zp5`=W8{@ZWPBG(fD0U(3)<@qUFJxqM*M`!*-W;)tcvauMbgQzFMNiTT zh0G^Zfa(=qqd0$z&Q8}D%#<@r-)=q{ToKf_JAJM(mf zLb`wz!#9M`6?pZm7xHJtv_Q~rXvZz0UJpI#wNT}=AK?+d+-f3k?yMu;bd^~jf+Hwq z#mM zsjqCic{0}1-gE|)^<-*uf#DvC)Ex}M79lwksD7{a88;)+@tz=_tzT!+)F8uG@_`ft zP8TFZ{&h20i4g(r4|olm^SZtJ#C#Q@kN#9xFsdE+E9pyZ5kq5bTw4J78Je!Uu-U+< zO;Xu7uTeP|SQNQrTlcXvLKvm5XlzWrdR?X30&l%JKWOmPFitk}V(eEvdzPuK6{|k04sMcyvtSc`DJavPwk? zABi6VTS{gjtzDq)VT3M)8-0a!Nz!7_eHe9wSP-9ateAPcOr|LGB=MSJP`IKtMjpxT zE)B#M=9U}eLM?c*Bc7tqO_{r9(V@}@vTD~I%`}?THO;H`Ky+npJzhhk+m~V^YOk;{ zc3QPH|LKBCJ=wPt;n_`>?*5#uOI7|5*2!eL`PN3?jh;XF5AZiEJ9JoOdIJrhC)xHL zAdFj%7q%IKoPs3P#P*4F?b)M)yn|<*RcyqDkOeTY+d`NZhe+S z{q`{xZN*y?;ABN`m``&Yqoi(8Xy6yw{o4T;zLk15Mpd&K6!3J^WycXOUiH0h>MavO zaK#RoZaBIq-5|6^XA7xDb~hUvyyJz(3)dK});l{cT~^(LrlFU;D`*0`jpzF2t@3 zPaRvCr-O06JohD zoE?V|niXS-Nxbfj3+Qgnn;8wZi7;qsgeNLYmWGC_8=24sGJmGOP);lhvBy!|-j&%_ z?%f2nEp;G{j6m$la<1Dy8z0cN3b(+vcukk~_##S{n`X2uzA)zGeO=zgx+@PpibULn z!Xr(7W=rmTZYWxP@LeQ+@D=q_JZYszb4FsE1XD~FQkZ^v$1A+KuSrEY0Xpdf(<#S7 ziN7WTeDc(#ZQ&OFSG3ED}Joe-?zst5_rC&#fI0{;@E3_g0A? znEc>-%_En@p6%#!ufE5>Pb&wLt~uUfQRPJdkp?jKk&q_O`&oTY00&5}eOusV7(w@EQ49r$Y4*zyJoflhjO^0ziXT1BZdNV* zrr#`wfwtFEVQq`~$Nw-pYp(8MhuDkXdI+ykGVim1id3fE%!C2bePzuUoFdoEMyN4; zWo^@E7Qsli`Xs`_`Q78vUs{|}h?FI9Iv62mO;kIb-l4I4y09w1i5A+*kN+^9K>4H^ zO{BCe)D=7yG-$8Gemct2)JbfSe5y+?NptJl^i2=eY88Bacmv`?{Bmq~;;g+&Lbp>9 zuO~xg;%x6vSJh5$4^Y|Xj6vG3FKQ99rF%MLx+Om0HNr_or6anYp^+;gag=hqJ#T{a zB=$mf^gg-@pTc;1jv!D>s4jWx!xBZeiw&McFB?Mx`}wCrUPrHlIa|eoV>+zktZT zV6vAtn0%@Cc>JPGDcG#VbnW4aG5Fz)lDBD1*kH3*_p&wvb8=8AM{^*^A?11Fzeop~ zr7zeQ@xWo4uocB#NQs%tM~fmubMJX?p%*{C)|1qPkK@jPGFLn7@sw-E1Dl^)5$uNk z$>3;(o;YOTrgatDF&pLeMv;T*4VX43t|KoA% z z@3`_RPYGsey4gLC3h2KA>Ni;G5ap23`o3mP8SBm-)`XCX%Un&Crtf&Ev^tWd+5Dt| zo{feHqL!d(;aj4s8#D)Gamm`Hmedj62eHW4VR(H=WUD{-n^6pD4+{<@QgzjfY1 zF|I(lLJvT5mzD*>o0aUw+hf1a+yNqVMHWan@lOyAH2c`huF(RRjnbsrwOTZ^SdH#b zy1Li}mwxl}y{|KG?($4)suYy-JEoG0sgj>8Y(qJCeIc|D^8>yG}*3m}BRe3t;& zQrkDU!0lPYAtwB2%TkI6v)e+tC6lmIkyp^8#!beLTmeSEJeZj+jm?oWu^5CeK6px& zEK+`W_!9Tt!~%~O{W8Q2V6i8bpiiaZb9)gd{V3DLBL5Uv3JQY-Mi-dvJ+TST7Z;vWEBsIv>ID^9-Ml+r2=1~d~*RURO{mDeh+LI z5o6M2f<@5|xLt$f{4P%{!PQ<&4-ib+1O}2BPoD1V?h(+bFWm_e{BB^rh>^;&$aZ8N z#}Eld3q&-@7yp?hrAhI;qDEN$*1<#zRW#@ZCkOLzSb6BjCTGi$v26|i3Ah4U8@tWM zD1yTLNx0gP6+T^6UT|=+{h%E@!;Tw397${$ol`gi98tc`z}AiK0Jls!*7=7AKA(6& zsRs*n*i=m}5h(CVum3_rJq+fmmv=SaP~@WcB0O%lN><|0)ABkY&!XSQv@Xva@Es9M z@8e3l|LAYG)0K)#Yym)o+go13@FwXsC+W4KVx3iX3o}SbDCU+I`GY>dcZWsA#)a+CPd4PFbRI>LpQS1~9?s`~lteeFrEO)95l1hK2opYjr< zf*Hbu&86Yl?Qjl!gGOOSVJ4RB%oSoX=^h@Sp&zy8l|&}ug>YcGpNI1}U8TJ1cl5l| z`6PPbaR*lH_iM(s`3!TR=SD=e2K)>X$PU_=l&sM@3TdFW~}|Md)7` zW5fJ6h{*(a9D?Y6_&n!UwSfpQwSG?Vw#GToM|eLNU6Svo25mTw&(JC|?@5AmgO5pf z>q=d3Uu8FeH)8z(m2}Oxyh87ZR6zLzsg`T!GbztPzVy3s=*z;zp&*vta;~=HpuVdh z@W$8blDeoBq7;cTMWWOkdJxdrw8Jxn!6gFes*JyN9!DFn%-_zfKM!~-lNV~DoNlW% zHtR6Z0MYA@gfm%Zlv~ZAuUo8aT0P)9{&zdDz-A(9LTa+#{~q5Lfr8qEN=jpQ6x@1pZEJ4FWpm{qm2Q?2ZcvFJu=OA@7VT zCaHef2b7QMft@=prTj{O&(+$;W@-a)sPEfy#@^{G2x3ik{<+0GldGanU}PFGNLGr= z^d0j|3!YpR(8T$|a4o5xf9sTKloTF=T89D&(_hm>)fOyV>!LH*Yd$~)74;_v32-+` zq+aKJjgTS@l0eHb2V zM!-a&FD#G`)DtP^mtI|Yv>|zyKc@9dmCC7F+vRU4P3%RatqY|k-5|)1gjJ8#1;r|bCk($;el38LmLXm2 z5iU8fR)Utae1}xdZ zq#Y8bDuj;ZYMKrDD9*?0UV|N-gfaFx>v`e=YE>1gEF7?n*v;9Q5EQr)cuxUU9(N5fVo@nSdXpFiJEk9$5C7Agh=nmj|!J=bdHhahew5v zULsKIIgi@P6JLq9^$6DnEFdH^C6$}=?Pvz!V#!K(lt(=Bb6FYSS4!SwdG?8BQ#+^9 zEsA@AOgvbEmyroqZ|g5?16NQ$bm-CfC(gKJ^+a6kB_Q-dZA}Ev!3bD``ZMlJ(saGQ zV1(sfr2TFl9unM~sVo=uw;F-voC|x6DN)%fEza2)MAmD2DX^vRcWDRQF#_S6W%OHc z#>)XVidwsfGZBLPUC-ZT>ja&d$)=*oBfa|}uikjyt<4gV0BgV=MLGo^Req*pB3TpF z9f9sA<&kLc0$*6;rT{e=4O6tSkV~-VfPKYRCc>tQzAe=TCZ?|ehQV#8VHEj|PC7v@ z@V}uooHA68O=P{F(f+mnc>EDFGkBHKWYYDwX#ahF1#d-*g-60(9^8tlDc9J_!|pvU zxcLWIL(E(fWJvN_NtDb2N63gH?EF+(1_{`utr))Bm-k4x>4oJU>VNedqzEYjLZxD_ zbp``I(J_09C7>0R;oHQgxjl?r0OheU#xmg)Dkb2h5K=EuW9E-(^nYTLuOYV}tMD0V zyoI=t2+Bi8_6QAaefP7|X_?~xiGQu}jK2@NTKB)QqDV_e)K|qg;oFfaPMB*Qx{~mYj%>NsmH0h zmaZdiW!`jSWWIxj7Cm_;kg4HoqJn-o-ZQfS)Ec1s!xl~K(r6*2;}s6~kUbzF{l(H? zP%iHW{sBgQPpf?|^vVxW_d12f=KsOs1D7#Uw}7a4?v9(8*LN=9!jy;PDhO{Om4`=z z{PWpcE*2p;kFN}pUk#(a@^ij*{tp!`fJ0RRqcg%wOls0fdjgAZ;^iBy>H%EVuJ~B& zqg(@uzB*taBPlY9a+{?@xr8K8z7am4G=UuWS;&ICT+V{do!W!@16IUJnD_>{e?!a@ zo~+cW)}hn19dA}{(3wAo$)VEm15+EBN;IC{M!uu>l$^FqBsA?i!83_ z`aslq2qBaaCHL$8gdU561#w(4o4;J8!Lp<$G0#*YwaaffLc|jiyk>TPQ+idw>09bK zKwD~_J^;%q|Iy=divW@AIHT7au(aLf&pDXYZSc>I36Q08XgXgSOxfE8NMwD}F|^Uj zc`a3G7h6;S^@RyrdF_RO$DP~?l%HV4^$z54RZdsgB1D?mbz(unDJr}%s>e`(&PKXJ z^4X`Ai80}M>{%Pso!F)~R~hyb9}0TSOQF-kckMm3$oIkq&2xo4qdOma)))aqWgZnc zQI<@e58d9l()J+Kx)S^-RC4ZqDC4#M8x9SnOivNd!N>z%6Ao?1X`3TJmN*MZWzT4B zvSYf8L|9B;C5xxi5Z8h}39bXRE&ZFB3>3O4AV>p#Rg3{wYn59s=&Zl{!+3FfU|UZk zsl~le8+;P0cx8gHB^$w`?0t8$9fkLcTGDE}^7TVGbM@>a@DF^z#>`~`_N>xzF}*rs zuNadTSW6ecnbq$Cp#j~66sn5VVFO;1N(-#NuATtwmMDw!LVn7!4xqTp(q&j6%Ymy^ zm_H9;q)|tX%=l{~(!$wz07KxPbj@)BD&#_GI~yaPu~Iy%pF+$!4@Xpg6XyE=D#pZZ z3*^t@FFz$LWQ&HN{7nov4q9pe7?kI0i(q>t_H2NH@jgJ+DI<%=_@^ljccf<8gF#O6ICwE5&);a&+6}+tRZ|~!7KuO)HkgV=z zeuRIpBF_En?FYbOXlgpUagtGe=Sw=K#)_)9AbX&kZRQ~gOt3Bg&BnNqU?6EAaqGJv z-+i(21pZ6E@+Jq0cICld=wDwYOrAxbE=u8PFrIsY3$<@xHj9)`cn$REqRuRj#=y^? zd>xU%{1p>8Z~T!`N<{+K->6*&De5ZvPK5|n-~&wmsZATKEy1I=INg7+9CEx5Ni&wb zb6rki#}mgDPr)vfZU9*OcTb}9SH)j1w2>Qey5=MK-WqdlKnJxD^cxNB61Vp;jN0Xs z5|p_+Xjfa0LTA$VS}tAQ2DON007sXXMh?kJ_bJ`K@*budp0W|VZ4-^>-C9@Kaz6Kh z5Gs(rL(k6MHb%-1PTR^MH0xJ6TrSWQBLe5R7-owQB7QkkHY^f2Up$9`d(~$sy#FsR z0E}<3G#&CUJiP8j6{#7ePYBN9E`9mlwSu9SL!su~Lcu|-fU-e!q6oAvk3$^oE1ITa z--+G(n;w^SGu;NFqfIX?3Yy=Z`Fpd+IO+1(28_``iZRtwK-iXhpwA$-=sU?02I$h@ z!IZa6TSn9*Hekb`Vr+RY)HpDHF`q^;D}(+$EQu+1@i$QgE!IQYo_LxYKncS8ixmBn zgk*cRO1aHvphhw<0^;r%oYTDqt!$TX}<1^kEAC6ryJZ z7bsWJqc=p+&@JtV4@*qWsFu=n!1t0czb8uv+!`A1^+Nh{anoO5>vX8o^90_px{mA1 z&ZP1F8S+(2aP|9Il_IsovGDE;U!{VZG5HzFIClYNk%#xpL`sdt@0Cx9KKp(_)B{H? zZG^OQ0OKE%56T#Xt-+--5Wt#6EFFFYaSc0!qT(VHC`sH;SQr?s-?%926uTI|M1047 zn-9;R^`xqNXOqoqB!X`HIH9c;^m4oF4Qwzo%M<$o7@+~r(VU{<2j3Dg9%&-bmvap3 z146RPV-E)dX$vPv;c%!RZh&}Mj9X_Zh?D;5j>(6|r(XPV7RZX=+f%!~2g_J@Xdr31 zevDz?Qel2{s2l%-4CHa0-n>L{(!+q8r=-@&3(gBcs*z8=if8~1`rrKxumsw4WKM|~ z3siXrqKnVoL(E;PpS7J!vLe7Q8B%69j3L1Y_YBCw zm`YnPZ0+|L6)9``W9=sss_hd7!@A?)xmV?9uSgsOKO8W=_~+4qnBu0yDg|P!x_Gg( zJAV8&LefLD(QiFzPf&97rJ~--CDHP84&dwhMlWnjclKUdp${_Dr~`sUGqV)|BSDhE zNJJU9#{2F+W+*mJ6#BHT8A$JHPTUEKJE6*}3cWzA{lK}?A~lFsCwq3XlVvcr$WBOO-^-r;_ty9NUcc+Q@9VyQ_wVuW@bCxY zv%KHuea`Eg^E|KwXwTNu(O?_+>!Yk28*la;f+EK|PQx4a2P}G%rEkFNcE@tjp}fEC z=SB~+PtVv361%-e`4snX)-Ib*LzvRT2_T^D6*%*Wi9>ALQouZ)N`J?uVM-Ta5NEf> zmB@jTx;7sBMb$;)q$=TDvtNlqFGi52b@k#96h@Ut9TEx`dyfx9h8gR%(L+BIu-c2A zH_vTZIh^U3W4a`bCd8KfdFVh;J#&FSFN3mqNp}i$&Ggk8zr;!GO-1QDr-7$!&yUxY zlBHyxLH%kr%#uXBeqZ!kQFy_if5LvF@8`*OWW&DFN!7ZnEhjs+FSD!4FY+&O!9kvw z5=x<+VJ&JUN`gvPcn(Fw&*Uc%P?-np4&jq0JNOvNCGB~!*JqY1($v7nK&Iu>`!8x|I?|vYh+J} zG3k3lIYg$W%dmA(=ZZhb2sYY=yj0u-G9#OJ6r`EN)B3xFh zMn4Os$)o-{DLj*<@^j>tXwkW&Ut*PYv_F~|3~p9Bh47)$>nQc7a2L9bw2_X!73+Ad z&t{jsRWxa8OCyr9j_>qROf|S4ca-5sw5x{3n04hPm5VfDRrR-*vl;!VopTu%xc5Ab zJmG`P($PaG7f;yL!ZE*Ox-uD7&yTprPds$Q`8kz7WFPYPMH>4t&X#j1MYAr@@EH0W z92w21#Dz2(M7ezOO$_hSCi#pwwJQoE^D%D_tW!0_%N&2zNOM#N~s z>4%{19Uaf;@6RAQXL~g*(6?>h7CvZFWo$`g;x(fHDZ~vjNG`3VB@Ym9&$`|Ba@zZ? zoXqjLQm6)m7&Z_b$qSH3!){Za9<4k#oH#X+I1ZR2)gJs1@@;}@vm^9)pyBsP!0|5F;m%*@5?FAhA9a z3p^s5POCCQ$pj?ANnc=5dgDvfbxi^x1tLi^s+($i){9Ykp@7iC0l#kv`gYNHa%P7up|34!Dmk5cy$RM;V6J;%i(6T^3AqKLjGEwXYa#k(a%o)? z(@I*+sP>Hsmt*IfH!|Lu8FnOTw! zK~RlDlU7!sA5U7y;g5W_aVhk@8&(VmXGgZuw%x2A)swx`g@)79-y5RgI*s+%diNbG?TW*3KH$!y$?} z^ffC^>~j>%S&{sXvyr>5U~91HA#cQL4i_9GhW>WGPJEM*mnveW6`D{$WAZNcDq@(U zvPr$+tkIMV=PZ0b%#+*kVa$r{+)*Hx&+j=Jo|E;45`2JfBeIq}_J zj&FdYc>KFE`Q)TG`PAZ+s^Rp;ae~D0Rdw%XKFoD=V8B^5fxyp6p>v#-}Z8{p|q4Vp7dY9a^ zxPxl>4l7f09O%is98W&spr>gfjGpEnwqsX6lB_;n9MC|SNGr8oFgH$JC~lRXxa5q$ zI&y>rb{n54d!U8LdR1u3I6y;Y)uY0$#jKZw@~=h;@BgYe>Nz7oX`a5yJF>rXW&3bj zV=Qaqwt-ngluIdRaFYvYZv(EC5My~tf<+q*% zHqlb-JX1cjnXNJkA$=1HAt@7*i&#elo#qv{Zm`*ZfKYnLL`KPcR3^Iy4`9_^_sLB!k1<*5mTZK_3d{bg}N`F0zP-nR?I zUb4X=hOF{;SDf|Q7;Os-LblVM6iGjxE3H%$$r#A6r3hU85L46B(QdlL^kOEeHN|zQ z^eJ_mehpVGbDZWJuY`-_FRhqOEm7mYzz|lVZoHvpI+5%dgbsu~9rR1QZ9hyE0z=pe zXFfvKfqqLU5SU>iKZjv#i0jYd*#g(KrPoEnlZ`#hxOO{e_Se)mFq0U%}rCMG^fGV+1y1Na{c2GCH8W}!&e!4ql_hU zsTx0b>q2WFW%)O8NCVdsMzu;c#0L`ccDJmM-f@?*@AqTTF-y{YQf zGN75l_962_b&~xj>88~*`$09>vn8vza}>C_7=rlB=gSSUih%OMtrS{oy#Q6!wa$~f zr!}&@WyInL3G@;Ep+BGQvZGu#(I!Y~oaowZ`XAU77oHxjHvdBRI`BiM1Xo{J&9z=k zQgVW|?(h)Wic}#ZCrxgX_7!}TdOKbnVf1$sbeprQ{y?$OpyLgrcHV@hucCj!pE3x4 z8+RLhab#iE^_k_&rf}bU`z1yFOJ-Zx-&(*VgYFuKTK@}-O>o`pBk#z16lwRPU_@j{ z31L7~eGo=d>BW8K5h?_q=lM2sm&P#rj+edECXO5sPMM##A14!vrjdc6_Zjqi`br-?as@f4EyEk0DeZNC;mGx z48g#X9)WCguoM+oTJ2|`Ql7gUn;Y@!T>+p?DR^2HM=)xWJH+0nRl6euVtfIR$-l^( zWoG36H~eBg3)BqSt9AN~o>#9di~oF-x{n;Ah=FimA8cfIE`edkf#ozj(3@E4U}sEG8iK|?#Mq#Nf^%|CO| znPPm&o0rX*>M(PBy1Shw(8Vl;l02>nr0n)^j}<%KKzrpeCQn~HBN^JFZB2R;B>GXo z-&M_bs80DX!^*Yt=Cu&>FcaSFS#!+vC5(qXT=QfQUnL^lH9OBve6uxQ;8P(fp}gB} zvve)v$VEtC3b~@)q?{Vl6O>GZOM0pED`);%Oo7a-&K2ZwT(L^l4(Fx`oY4 zRJ!xiuVplpt=H(O5k5t~VEkgezKSus^8xr@P6+r0L?&zjba(w0v=IKX>Gs)^e6+``I(n zErjR)h1W5TQ8KwPcx*f8g(@m{ihxUU8~OO#^Rw7+}9 zNth0^d{5Z-r6DqgMOodTPqV~(m=;>(%&LEFN!^fRQ957#^#1kPXiIurU6!;#mQPR zRC;81uT%>Lb9mMoZ^*)OO%`4xM8o^iKnV?_2l?MnkgOUyu9ei_N5|i|M5tTt!5s4D zZep(`PMI#Sq~M^s@Zgd(!A3nV)Qqt_<}D3Uw$k*oMQ};gb>f(ri@+s4ss=f-p^^5* zej1e2d$Y0UA^`rDKEVfbvcZ?UEIU1-Vzh{h{mpqJxLZ!NOu4M{!Zlh&^E`d-&>jbf zX>w%J9eW5#Q?^N?gV8($$26HQ9Uh(8ZfZTt3JMq;{#V3RS7g`zY;&_AFc9SHf{ibBY_z-5bpQAm^D|6j{PlKXNm;71`oT~^){8&3YEq<``2O;PPI-0tv7~{?yIv0}jh`-_L8Y87LU73Q zR69l#GoxgACTI~D=-}j%ZOtjM(hd{#%i)Cu@<~gFBfI_jFnA+@8V=AxkOxW;OKF(J zNy%<8QYpdDioedZisYt7r9}HxmY$8*4xusI3bd7EGO zq)f5uRf4_INdL@BQ`@Y+p;Gg#{|=RU#Qv+Zai11FT^^j*M(cIu9Re^XDd9KO-83u7 zAye!GU0L82Bw>MVC&wjrm%TL$&g+@SloGI2{6bl{VR+v`Jw|dx`w(R&%>f&%MusIy+J3xuqk$ zb_P}leIDy`hwJwzajjI_?k|=E@yD|xyp>DvZ*O9vzp?K3bwqe?FS!PO+$f2(;gl+n z3#IFa%6*RORuElH(p96eyODDL#+~C*P7aR-cu~lBxyV&B?WTnVxn(v^=g743`!Rw_ zdK%Tt{W^^8{QKUOQ%@Wr!+w2JEG1KtOIyqE(yzq>%v||U?UvEn7rQHW){ZYPPwN|Eo2(zhs_e4m$JMMDG3Gve-uIsJ&$1#^GU2m8el{v{Nwd!r@ z-gThRL?P*xktVFX@Jl-T|HYx+&Yp&jpHSmMcZ@BiIpNR_@g+gW$(|8*MF zcY)K8Lz~X4^AR@Ck*Oxj(?u1n`a~rAU;Kv3Y$4-S{~E)>qml2}CQsDNqC2}wTE!@- zM^V0%o|niyEHb4-I2S5H*=O`lr#4UuV!a?=eAspYY-!Iw#mp|Cuu#9GhS<7e1vsr? zs|lQQ9@udD#~5)e0T*P?V{Ol2@QZ2AGc(r0mc?65>{#T*Vr0*gHfKq%AukLtEk=Z2 zGV?gQSa{Zh)`8@qjaM1Ok;zlQl2f5Wa>iUl08 z-s9O9Ya8{`4k0fmmgBwNjP;A(FbUl^nU}z*dPL zh?_1fET#+ZFxt_eoZEToNh#B1S{ymDOC^~Y-bcv3=tS4MSgfcE2-kgXbI;_!u0RojagqI3kd$=c-^{MXs<1h`_FEHf>s z_|mg0!f}ae(hZfo*h{ZPMJ{~Hc6K{Q1;6h(P;mTd)`yn`(?E4gkTg_-Q3&01cn`KQJ841$4yi`M06jf<~KVOclxbvu3tUf_y5INr->M@d<-Q zA0zoe4%0>bvHVvx#4L4%XsSo|KTp6$M0I2YHZ zU||&FX7Tw#?+>rwwn7h?;o(cIfdXLfvhi$wu=+$O~!?=s2OgOvDt8n}ad=b1f;uY;9b!P#4njZcC z7_c{N#v|eF-LYqIG0nZjALMN}2fu8?9#K+`lC5iztc}po$$L>hvM{5~1MWC2N*CfK zO+W<_-xP3*J z=w7F5c9)J?@ik z!_Ra1$I`f|K|#@%oSbaqx|uttsK*O+xN@>5_qzWzNZ0yLLAq$x{lWr4dgx^N;XNxS z$PQEyk-I@XU^1oR)R3u)xV$y19d->{hw{~Fz79fj4^S2kvMbPaTC}Tt^0WC1poD|t zaRNrO_gkfYan_w*u!IFh>8V>!dhMdj@}9)n_<<&@(;H(HJW{UnW;U~6Jz3%?%?hOp z4+M~>m3O=NWA=r4x_&{8!09_lIX#UmKkm14G@lKYswwRy`Mk?WF)A7!#V*WkMY=*{ z%w4ogT>Mx`d?9V7-sq9t7qasD1nQ*L#9GJQM49=h35c4WuQl*pJ5xkqLO9E~39(kD z3@F{R?`{3(sD|?>W;|6!a&l`$3tRreq21=a)Lq%a$?6hBn}XMBT}+|EEZe>Zfv_T} zCpdGVW;{+IbWw=;BdZ@Gf9A>%S zA@_x%D{9${*JC4B-!rVQvs6NM4*T(?Bs=yN4@aA1mUI@I+MUQ)Iq6rPT)oQo^E+ne zGP&=L@D{ayH{vECP#jTQJ|;CT(bEZ=dFp9e_Ktl5Q;u;;#T;D##t~g5eW}dBKFj1lfiRP}~OIqGz%vq^_O_gXGGI+t5 zcE+y8BS|b=ZU7<|6@4`A{OZ@S@m#Y`BRi_3fyvR=A#s*-fuQ638Q6c2|-dUV|tIcVmMQbh_oWS_-5u?9F{m#2IaD9v4 z<@VRH8;s~-of?G~K*Wc5fc8(|fxoWah2UB-a4MeWb_h8%&aASz(P^UXTDBG0*51i) zvcvl5(plf-%}TD3dc|3hkTs^T>|nXh1m=d9t}l1yPfoV?Hd7Q{Jn~<=Bb|7=!{tGN zUi4(5D~CC&Nsr%GB4XReGhe@8INNH;6<)<+>ceAan;s5})8Fl=&Xr9T5K&=wetADX zXJRl?lf~yYLh|pT5$U4wOzw zmQ0xvd`M@;NLBY@8^V##bPg4$d*ZGdcpENNEsCHK)nI2F)Y6lqGH!N8v~z%d0V01J zM35N;rs;X^ZA?yJ0xuxp4jOLb9h&`G=is=+(Ehc(q6lPNVR>iQQFp(J) zWV9Ml5OUuSJnZ-JsJ=YcFQrhEh`$^Hhs`_uewFZ2gYpR5H6t|D@Yw>;#n$%+aM`ZK zUjyCdNMN=Z`s6w>xVVfy70Q!No&iR1MxW8aw$v4)(qMdS zTV}^*cbG3yVY&{*m-`6p1p4_h8n)Qy@=-@TW}G_r)3LFqN!|OPkipRV@L-nU=yzGR z5+eiK9HS(1YNFGgP57hGuUn3LLK_h*b=$N{abLA*6qcSe>x|v9P!p2#9l;wxOzWRr z4X(CI>F4}*KPpRRIoYmgrfW%RXKQP2=g8wglxbE@`4)z}5c&&3U+b3cps-M z{;ZTHGqfk9`I1^hF-4N#0AH6ML{5=EkaV>b!s?iPe%>fMwgOIaS~}kbeW7R?$gbIT zz;9ppREXd9X`@4fN?Mf4j|(Oun)0Pwy?Vn2`L}6Ogu|=PKj(6OidmqXu`TV?-!buUh#uWSZ63#(#B8ep_J^$W(Yepn;%>8!C2*w#8$O%;kJlJ_a$&-KkVotjF= zH{@QGlOvfU+bikg1p_(*rM{u)Yz(#XRPBUhCzH~xJh(PgbugEfbcP*UmzVdSIcfOk z1zWvt%`E@&h3H|u5#L||sYdR5jSDnotDh#^`N)Iln#)?DU1f5S#p#SsQ=W!03qIZA z?AX=}oN2cowz*;?qddfSmHfcAPqQj8lj@NYtT#J5S;A|Zq+u_8YJa1Qr@`lV&aEg7 zzbKtV*}c0PxgJVNHhtsfb7itDzSxe2HTmNW(KWBE6GZ)Y}ncu>}ydXu3CDWf=e@ZhKMF;AJ3}4*!;y}yB zzJY!flD+?GBe&IkT>pbAy{qu*@cT%gqpl(Y#?aqm&n0|zXM4!Ce-r6YtBf;?GV9mk zXhT$8V&=*_uhIzmC2`D8vbu)GKf9arl8RRwO5wc8WS-vEEEOI{g}D1Y!wRyOqkY+n zR>h1Bi!7zfwlo?fwwkxj;PZd)ME=4~!?dI-S=A;-(MH^OF-qX*Y$q>zU~r>f9F|P9(D}aP`GU2kns`ZrDrDkm6-b*Y_W$i? zMejK%2bVmbf-$wZu89S9fV3pD)C*+W%U@P9+rd0O?whmgcO*PLg#*m$YiKg+H91J7 zsk*pfv&5Ac525zKesb@4#ZT1-pl8-tR?__8hnHbi=gKoakSGqbR47703)@f6^5JIF zYh954VHR#mZFF#WS#hlg)>#_nK_a?h zli(*haWgsG`38*)-aW%w{nN!f2#F_&OSc2u&+vs#kk8405?J0xv4$^wJ{!rCE3qSZ znuu36+;7CRRvk!Ee*ymnx0p=&w!{{}-z=YmA8k|@S6kq70u9#gMCmDx5i~+jTjOuM zy`W|_TSz!he`|?Ox?4i$S*g*F$smCckr!45LGyN*Vh-yMpL2#A-yS63@39G4Vz3Ks zqGPQvHQ2K`?Bc>FU|hw=Jv5B`w7H?mxLX+0H&|gi9hiQ>93X)ex}6TM^(O@w9J0ir-s&hq z^(4lj`9q?ip`2dp-Oc4$tzL%!-oXvEdrC9{uPWFW0JtxU$68AHrKahEsx1QcHTy@3 zoz^8jZ&*q}J>eE=qHLM|qnrvk7tX@QFxcWY;mYibquI*jR|g%DJPjUm_2jy`XALli z-rE@7`5pd7)lGYqIh27Q#0#P$ukOSL$(3rGze~OiVzDdEvI_SUOoWZX%*^w#K;mV~ z+D^hTl`_fFzOhVvZHFyGHJy2wgv+nlf^3U@>Aq0;*=efyYl7Bbfz<&Uqz7zE1QNgIB)C2t{WZe|W&qsVcPg zK)Kl=Ksp>9Se>T6PYU|RFs8yEZJM_rfr2sI$hol;Q0QbecD#Ie*eVtE*_&Dp5tZ&L?4;B*5q^`{MBY3R9p@2gP)E$i)(dFMU(XlJh1Y?e^vg*V4>TrV>J9mdyK(7yw3AusX69}I{&=9sWB2vc@lrOAK~nbG5~=Gw)7Y1(M|+yo4YxUwK`XHZT&A9M z&eQPs;d!s$g%2A@U=f4<(!JEgG)O_M%bOJ1{9=TFyyFaw&_BEyUL8O_83lx`YfG-5k05C`*L$5sbq^Z+{oCoVY#xK)T8`>mV$40=;Bua zP_sXY^+gXc@!gr>gQ>(k&WNX45F_v&;g~EU6IFH_Rp6vLphEnu1(>vm3dGa8R}1rQ zax$?BwyXm)XP-XIz>M;b8bQ2xV54^5byAywot}P2+l>7s>0_lWPCC>~4!0biqBVW< zw+tXgU%9fNN*xQIm4zH$mI0X266e&i&%}u&k9zo=6lbT|2KiuR5EBLWb5R`GSKE5&yPl_q86Xxm#6!Yry z^*3ASvMA86Nj-=FG{e|H3#*K#joL3gaXMM4k@zH+x0c@q7KkElmot{Pge z2ctOTil!+--?2Gf?MR0YjwVT*)2JSE{BWRPFJ$`?)j54t03!2KP}{T3A;;#ta1!WT z!dHYu+O7mLw@k=l`Xam+(PI?hbr)bE=DhnT{{~kDx|tkI|`S#v)noN?;v@!%nGH3uP*F z$ED54sd_BBO@w>p&JtQ7_(my&sb-0Bs-h|C%9iGM;K3H{&;?a5RJs|@j~$0;S#5){ zF|r1WrOpZD@HQtyb_^Sm$5zr)ex<7Y-S8&teJ=6PxNzNA*lGAZtO^u8a0+G&&6g=9 zJLt>59b>KAjn};T1zq-eO2_F#4bRV6Ro}Bl1~rCnm+yjH;3BS%!Swl;%rXTjcg+}) zt1rFE;AR)As z?4s~)(pq|z3O@OHOpURd=jM4J)?+xra+eUme_X;}kYZ=$P*U3r3Zh%4TfF2y{N4dm zVIbQ%6Eq*>(XftR?Dc4`0XOsdKxY;6+PG~(NSjRlPtV-IYZX**glEwJN4A-Z+9hJc!DfJb? z#9(e$)r%R@Uq?%mc_Rxq9*Um28hobw5KHJqupje|TfFa@(}P%j*XN2K&WQ7)AYA}= z;J||q7k$D9Ex2Z9tRrqS^#T;Jlw$&j!hKr5eG||45=?rtB<&?iDVE@wg8Om#sL&qn zPUz1V!;Ks{XIEjD@ar-c6!P!!Ir-~$*U_8SJOWKlmY$~fQn6sH1U4jhBvr9E>H)pq zOj)MGymHK&?t5Rg4ac|p@e~^&iHB9fmwp0`YthNd<*BP^61Jo}7kj5S`RLbX^80b& z=D=Z>>k7E4N7Zj!K^7m#Htybp12Lc%7(4OiyVk8%*&IU4#1ZI#@HYjpNn2vNSG?_f zs##uAl@(gtE4lR6t3zXVrB4NteR0HvGEkgM z0p&auj8#cK*d9xdE&6HJ%Jz9vg{j$XSsZq5FZd%iNX3`S`1$~+YC%K-QkH>tsTN50 zJvonNF4)p13xEM(;J+x}VF!%2L}68atbD$S%NGQs9J*8mqiWs-DGE|C-1&<Q5P4VDhxfGfIA#pay{Dxp zp8-1kT~@lmG)~t6#tSSE8Ov)+?il)~(J8-Or?3Qt9j|TDMXxSy%+wxwneW6=OK zITX`xgL?sA1JL{!i-tfc#7io9y9{FIEid83_@E6jk~)vq@g=gmal1Eam?1HrD<%S^Q z$%O|n8Fnlf!b0KhrUs)h54hq4;Pw*V?o7+WX0B?+UMu8C68Q{1Xcjd>&AJSTogIZ> zC8mG+x04W9el6T>3*p-i!5a;g(>@Z9F_2x>y3Q_f7>U~oo4mKPw~E3n1BJe6>y-yo z9IXH)OM7U2VKJWX>@NF82Ww1P9Ktq5dnNGcLV5FY#cQ=R{jL=3(G-tOKaA z53nFphbc$x{{}#^{QPCjQQ0uwMCxB7MWLdeEUdM8Gs1Q6uf1*v^pEqBbUE)N4$1?= zF&#PJ@%h`VeUsL~4mLGSR5iprYy3*bI{!uhGKYB($FovY6JT=Q*`q;5JOOGjGy||m z5%^?v8j=g^x_615&nrwuZQW9wV>x4&Eu{a;@neRVN8yJyQxCGi9?M_Z$+Fc=_c* z=bIcnbqF;j8u?M&Sa7dQd{7uUWwD+5FdYA~O$@bF2R>TZF@v*cb(Lr$Ig`UVPz4sR)vuYpl;CB@Oy{cK8OrI zO@94!Qyti=uc7Jp+P}xkStOu-<#RgUMqjj{Y~IP;7B)`j?_Ks|u^;wwrz9!6K}wh4 zb0-*eQHHj1bG&b1B{V1}t+lS$jRQ4Ro*;WllkxXpm{N2mi#Q~VFSl%Tk;HOty^z# zl<|)wAJhMXfj0b!534p}Zh7CvyV`k4S*)mLd-RgV`yx(`1HXvlORS17TEZ%`dxBzz z!L34#WnZj;g_gwyph4i1P@b#99>(c|< zrUj#=NP0I+Q+|`}K1ZoDdj*sNv%lLb$VpVcx91?sIa5qw+0K^v%Zo#hds?62drl)Y zqT)dSwaJYiSB@u+-g&(HN;;<9S zACFoB9Vi1^dK&Wlp;Z#qbb;2&le8424*>EAG&LdKH(7gtrF{)6)HEn<4gU#}wpZG= zV9Hx+P%=$E$%FDy2TI(=;+JZ~4fEF>^{5=;HrkNKZE&!@lq*t$r@qlrXmNkn56dco zki4;|epOM*+asE%Di8zihYO2Dr1mV1gYj9RZCTBxU15}*ipwg7Rj>fEC-CW$UDm*r zZyXc=2@6hToTO5#<-GucC}TgVtUS+m9k4H8Rk+FnfAstwM(W*L026vI!UG!E=O^Nj z9yfd<2CYhxZpCY{vziHak3M6T1e3UcHxksA^>5L@8+r33NVxW0y%dd@=2+!z{@xEr zVQ|OIWkh!=*jnzL;b|Nkw2#WVr$6MBQ6*7sE8UyOiqlV!Ko_r)54$}Ej+h>Rc_Lmqv*76I*sEF9u)6C&pxL^MYNf7hx z#?ZwQPAhe{#2oL)adP^UG+xsZW>*SjZF1qUem<0xK9y^zi<|7nfog%fc?pj}6oejE zKK0dz6JSZ?)Hil=y#0xx`-Tf~n`xPuH}3gSSo|8e8etTn2sW+PdTz4p?!8#!VEpU2 z=ck-Hs2Qo6z;s@g!c;w6c@@_fn5S1EKv@_}=JvM>em0fK98R};epK+T4K&EA;WF04 z0K6^WKEynGv3uUWw?DcXo4=$js>s!+TODW;@WdVcJyB?Bwn59LB!jc&=#Ph-B{1~L z<4&vvFs`HWu9i|cXETp($hd{o3&i#alH;|t=Vf76h8Y7^)Rr7uq^**Ni1MJXDFJ8a z8M0I>m|Sr*_;AMY(})V#J!ejt3so&|!vD<+-cS9BchF9=!lD<9KFufQ#XW1*2&v(P z!TBf`3qP#)OeT*WF$hoLrqA|#e_T@=Fet6IUY%KU1)(2^Pgl(#fe8ki`PQj)1018A)4<55e3QR&ufkH19iGxf%~*LdJXgmlVeq=xk{Ce#bFAfxmVbF z)%^?p7ccie8c_07I;hh>q&>p=K>rAf@?X)jmV2TVvyZ4R*gHNUzniF54(k73TAx)K zIMaBVyuHSpMv>}xh7yP4ap(gh_uc{|}Un^$FOXFQO#(^~fb30P_Zw7Od7xATjF@?pDI4r?*x#iJb`2AUM z!Zu8oJ$6`q>?(||X_9n(l8Hh(J~%!n)EXvg+V2KFD@o;T8|kQ^m<_-lflZaFsM^k9 z3{H1TRGb!WG2R4fjp%n2VGYm#STtdrLtRQb@Gtn*?v4v-+B)Xj2Dl7;h+Y1iMYkC7 zw-!(r8G8r3AhEo((!cbnN*7US2+8?$Dhwt44fTZ2iuBH}CfvWCyr&bklysF@K548* znf6AQ$P7-$5$~P1>~?s4UhWFNW$Pn<(Wp%OZ~mzP_>1pvF;F^7CR?Ih9^7#?KW<4i`XY3zNbQZvpZ7-T?r@Fp1 z9XkwCeL?L1W$MY<_$@QC8VoaF$}d<>m!?kwLq+#V>qA=2wFHRFj^QK!^(`iJdK6v? zc$v!^qSH_g&yW@zfXkBNUtpMMs@3YRq@UVtKaXZjv>;MA)c;6{lG6!x$2 z#%1z7GS78*rKx?%@L}J8STO3$mR{_o&Jj+%{Bv={ol-_uH_o3|xjo6mayaXoY7=QH z!C9_bC{hJH36ha-k1Pj%s3^w2pm>`kXLh2z6IdY$5l z>xUYFyDQu&K-z;p0`e#tbe}pb zmg#ux<#+aEjv5Oa&5xf+7{6t~#6X)o1zF=+TZsY>2YtO!WV2m{{SLmTz5J}|XA0}v zZREf&)>xsUjg^!?d;@yU!A#vBE#akgrDZe@UNME;4CV^G{f^dezb}cyX0~ow`aA>T z^h?gAId6&!C_lVq;Pj@3n%spU8aX7O}_ED`^jFy z)^@I(NJoEV@8_BEmn;Y-TflqLVy6VoczVtMw@-?;L}Nm?7||Q6mLBMie z*c%nRm*3I5F!r3R65Ydn%)f57wA5=+^}JTr1}rrQ;&$yWIKlfVT0MGp{_;NC$U`;% z7w;1krJp(#EqvgET?#MgNxRSVWu%mD)xcUEh2@D=e36w0*=Er&bEE(}&_yZNNnkV_ zuWaJqqpobH0Z@B?nIb@OnKC>?PZVfp_F;E+!FTe?s2IqA-DqTdnT_bjR*0iv(l zJl-QL{~Y_qa`UbY6%7+tKfl!;DNA}rM1iRD#fJ?M&0Jn~9xaTzGs}0v*0uzzlQ%1w zt&yRz=_1FbEpUCbT{3n8A9=UeH|8oh^hoNG5AxgpxkAT_uWci~WAXD$Xqi3R+;lGE znkv}18IfSkj~05P|G%++%YFzgL}|8FzUN6nL#5yQSQ=(p1M|_sVAt@1+AZ)v_=Z?l z%7Q>lIuoOa3;KtqKjZ%oO+UoyO!t zde7lVQ1V~gO&M^cy3QcDYt85+v(NGW<=x55u+E=ZFlER;g?7tc3*l}DbsWM+ylvSv zKwD`}#NFr{?Tibidv1TrPilIH|12UZCDQK>$1~xa`Ab%xf`#cv%oPLFaH0z6zlQQS zPfC(!LP37S% z8E?@CKa1<}W9P4vT$^U72WncF1opu^ymjZvuams8xSbb@L%@;PvKj)0rm6ge9diM4 z`Nu^}*nbJmd1O?TjJSX982;M4A+M%E}i%?+7^0x{th1k)V;zbhY^AR0B>g>w?5i$Qe|L4jwk%Oyf`4``V zd{LNvKv2T@We@?WU9~1#Aa?B)B)j}yoJCDD|yAGcngv zSKYfN>rmy;2WZDa$*e3K|LWuHKq^QkCjV@B%`NL3n^X>nj!-l5o99jTQ092%d7))S zbY{^Ot?8a~YAJ)6Zy_)1oEeScG=cWhNuxkLrc!7fuvFH!A9B|AgCA0xB)n*`_^ep5 zJi45=ZF(>OW#n?!gQl+j$i!X;>AFw5;KaQwRcZsK(Xy>wCRR?r<4EADp@gt^|Ku5F zVqMRQ@G$s0Ly|RAwrfWdvZEaQMC)?WMtw5C>sxMv2%E2$g|I=du=C?5dmFH>`Nc~a zzT&}9V`ST)O<2qbuceg3OKM(CvlbwCCbPT}+!c6jZIpBH==&=@*qf;^V3_(gfFld# zIE1#IC2ap_vEX}Hh%M<mi=rhWxHS%7({K;k&7*kr_xLYbk zbLN!ix|6oh2N+o*z4d7LWgEIljW?LvP=%GapM&f=J`)WAU|S0(yOi zX>xc*-n;Edu#_#-KRBMRAn&Ck9yr50?Ix03{g)WnZ;awE8S-yaw7Md|7CIwRyrY^P zsWM5XzoD%9*UHH6y~PVN5789`c^pFDKGJRyV_Xht>{)KH$_>j0>p2^jC4)AlrCgQ| zcu`!X*;ap!jt`dFsCofJy=F5{^(6DfFOFpQ&nWye?0xaVN9?aO~w*v>BMW>r?3dyOVR5@e|!s^ z21{CsU;fw}wc`HuaNN=GndM=qVwnnf-0 zXKat+x;}yBo#Fv)xBd?zyfCvM!oj*0Qv3JI0aJ5<3_iIs0(YX9gV~pmP{L24hBrFo)`M0k4{VO0Z?`&>c2w!mCO{@hIrI7c2#6c2* zCc7wxUIMzw@Z^(8x*_(`^-U}Av>oY}C5rEsnfpa%vMX?-0}eumLi7F(dU<#UZNZTY z*t+es6t6TnekN;-RbSJEkW6EuE&6z24Y{BY-?L?a*@QqK_ucz&8-xq(S)x3y>4&BJ zYrAy6u`SxI|IL{LJMd~Z@Ac)MoyNcY2<>U3AFoNWRBc-mAd?LD2COX!u{Y;$ySk}X zn)hMb&_Q~em2U`r@k|XjKSfh7OR9@M`hQw`51^*MZ4DGe=|x2)fzU(|P+BM^bOb>$ zG(kE@@6x4&CZa^?NDE4pE=`IwsfOMH(z{6S9i#|v~<7a!=D===`?`!>|P`+p{|sBbS9 zY}a`4b@1J=XGILSGv}q?4Deb&~IiFYr zU2(x6EJNhWluxLP&~~YPuN*Xf>Wv-Y8ud;<*g)$sXs%ZgQj&enCjb2IooLOtD!tF8 zZ?aTbO%N?we&4AR`&G1)?w=K6{0q@-2vw!!>21;Y@vTq^pLG zdBL89g64=H!mHnh_5XwBI(T!5PY4FOh;>kFUrZmrT_5u_0i8Q)`ddfCntWxspU>P>)#I%&w`pLAY57Ev-e0-HX zjE*tJ#2}n>B|*4`EJOIQe;gROl!$l0PGyCfoS=jIZ9t_JW^>*eBhG2v0(x>7!nxF|(141Nsio08(rSX%7R^{>BwcEm~` zWiK~h0G;@ACfCj{$>lC&L!Mz~BmEK^{*_V#V|-mSX%lEZo<~(B$pAa7p;`BAE8BO| z@tRUlSI(e4OP8!EqU|EdNGzg0FMEw*P~T^06QBlUwyk_NZ-?yLgeUu?&oSc-l~FcC ztl0lrwt$NZymW>q$3T67@3qkM?y1rLgdn}ogDC>V2DtXS`y?rXv9UIrUIC=S>YR6^ zHl&YYfe!+t4`9>OM!ku3RXlsZ-JOl|=G9`iLGM?2eZvt_Y}81JA^K_1GyawFmz81e zvhJHpSOHk$#vNr^IXlJmw(!{OKjj0v%v#af0`;xmquA->@BMCGYJNgwQZx*&oi3w; zT9*Rb_ya->rix4CM7!ZXt>}@D&p#o`cH}0iJhQ#vmb}mGZ^SR$U)<+4kgQ2X$iFy* zsC-CMD!xhy9w#_o8vrW=o#k%gbw1K;F@;7C`ksi9jKR5rboPo;n=spUHI<}~+BO?= z?q+6y=6`JDXSOumgeixnw^?>GS!)65TU?Q`6a(zF^jD4TnG_1&w74!ABH~)QM8Lb3 zP?G2b$Q-rUkmB3m@;~2v-eb`NC7;bbBN90jG3DA|fi=}C%|_f?i@v;IitJvRzQ)qG z6z_Q|){u~WU}M4R1he9op|KU59 z_x3mogdV)!sU5HG7cfhTBu#MeibQThBc@0*+K2T9l%KiIW1|INeP^MuZetbA`%Ir% zU?Jp9cS!p}h6ccmy9DDb5^sm}E@>Z?QZxY#;2U?|bnP18zXD1ECB8k69008qbW$A^ z8A;f%TVabImojuq%*IL-m%pn|=F-W+k7~1{q5Q12YyL=Tlwjq%?gS z8~EG;QT`u%`cGtN9>j@S#3`DU7dEK=d=bxq;wu|nKjmF%NcvwFm0b4S+zpynR*KYe z?Z51TeW?E*=TU|c{-1L+u%b#+n6;P(2$DI2(1RGJZP7j(%YE&_(lvs5UQe$PcE*Dv z<_RE58DOXAVCFtYi9vy4J_j)AZ0n9a81>WU44wds3BrYom~DRN4?MkKfq%y<11bI! ze*_<0Qg~dP|2ikp-q+pxGSg(jBQPt&Fy*Za)BSDp9ExlicJDF}B87r_6i`Oz-?i) z=3W14!(TZEpm?-&W&5(i`C+EH1ea7zh13Tudg4LkV(j}Ogdav4tYj!*NJYhcZK;HR zFq7{*Byq|?xY`JTaJtd{K*i#EiGSl4_@6?$7o#PQEZnZrQZ1>(R9gK>Te|mheBa!? z%J9Soh!7KPteW8uuhWU|%by&#GfQ~7ZctZBC<)gehh}PP#|I&`&@gzjY11M$?(Slv z4WIuO*w(Due3(U@?E3TmI&=%?d(CI{LV(+6l|QSx3HsRE^jBU8^j?i@gOV*+zhlSK zutKyr&`p0~6eqplYj1YIQ`0g>lD@SycAdG?lzh$sA>rxuD~Gq1Rv;tEc$X4Wai?)5 zS}24Aaw9;13>0iFl4maqn{9rieX`f|(4?QB1ibmLyo9M2vp>f#6vjtSC2!m*!(RrW zKB_#0epx^_-}Hyz(XkN{-#rlz#3QGRh)#l@dL13NjxVMwcm~KM*w?0^DJ%4Ldh5NJ z=1O+i9p0Q}If5K-Lx5yrsN9AB-OQVxnfc`kOltj5&JgHb6vjI&9LjJl!^@6O)2xg{ zyVPbEQ=M(RH#;BowbEqa>WhjCK;!Zqu1AUe@wuRs$xP@)CC<)RzwL|P$2h;(AT~Dq zIb&m)6`%?NAbBWtHHNP#3f+^iJpB&XJJ^6TEBB|{;ZK4ou`V}u9>|7s1yB{2vjZ9aEddxX z@z?4p_6qS!Wr1$YYMH<5O58N;EJp#da!LH8fHbBXwisBV+dx8ZdE zEYbRxut9MmbH6yOR2A8$`O3*QmEi0V$0j%3Cv_y;JP^ZpesU3(@C?)}SU+9ToMgs# zRse>)RtRC4mrAzaMBPu&nb_49#~D##EWv;p+k~ks`uNBD=d%72=oT{h2RnQd@?8wL z1j@6)Op^v#)1R+ZEFj5z_k!#VYAR2A1o~uBD+iKZn}{c~G>KeMdCckjSWvdUep>~)sT@<&$?y1X5eKl-Zjk+53zf^2mE z4Oybp+rFLwYyv}o<$p#1Gr?`|eMRV(g}rk?>K&~)6_DA!__LURK56F4RSCQ^rG!iJ!@fs7511 zyZobOCd2bgQ`m2tNzp^k&L)Y!Q@oHKAH)&9rA+0_zIrc5viVz zHw>JfXwcFAPY)EXr2mImbggzdgnM2KP3oRvfc={wE{91JhY7+uUQE|y_aT_rJC(TW z*t#*g{`7R1x90cKGF_55u2^1PXCnL8!zUukW7L%nSFZJne4!o%2Y}qO`8+6nuf~esS67Kt z0MTxOMgdsBX8gQSqw) z0X*0HC@Xs=qw?#+WjLra$MO_=lMahy^y?L^{zP28lzEQ$b#Lzzz z;};D<4rJO`X+M<_gb~Siy%{acmJ+5vB|5%l^pYZ&clCAJ)8SOGae#y;;J3 znQ4CfMv-w9G=P1&ZEwXh799!C#w0u?US~?<&i0;(5AH9lNYBjk`(kj~r$Hn{{&9uE z6K(~zu>iq5IaQXJq`8kvfoL97r!76O@Aqio=Ak z0PD*byoN@B3N0Mv@fAR#T$(!wBlA7=&!mnS^utm>>aC$qI>zw9KkDBi0Rm!e5{3qX z;x)uvL9me%P$5nviB=7Ndi)M2vE* zI3eRYbCQM>Y|+jGvoE`#XD-gnWA@^mfV_Zb*G1yg1+HAm&L}T!y`s3H1DnFThSiki ztIN;YC;QBZrW1<8^LZ9abJ_@id$9<5)d{vU$roc zbJsIEaxd>g;-c-!o|)GTOuln)Lszol@8^*Pov zrYUE07t^wNM(k;}fu4Yw=hxB zFS6P2jUB%?M$BnnbhP_Rv4kzB(0NuKbZ-XMf59Sj$exYk#miq??aI0}G+n+6X*QVg za0D~Qu+FO|Q%SzRSA&jfPrfEyy(J@|fAM~)i@9*7Z12O_t;Y77;i8$+v%7VLKj`3l zmiTMY9i8wyLFw+I?=>{@Dk)^g)6KBl6|Pd(ojGMz(k4`g9=Hj8h|FenR5uG_&TQUK zkmXPKQa?jjs(tlpqqYjpON6TQ!{7zH(rejpZt4l6wl9=?ju$HRXm&HYO;kobX-zJW zL!cV-bgo3fzi8UaB>b7BjL8BMWjwf@Sng7{m~?2~nKb1OKCP?B<3sHt+nxsRIq{WW z(@M-glSgWdZx?MikCC9UG7z*~5ZTuSvi8dlGn;pJK%KO1ks@j=LGw*c?1FZ4$3h&g z&Rjl-(_5r&A<2MdF)I+8oN3&`ZTq}kvwelnhvM$HS5-U%y;;x&{&nUYbaJ(iPzF?7 z4YEvbyQtkr;JdC|lQpT!8P?DKj_~~$PW5~03g2Ny$P&G)R!lqY=QGBxoEWd1*S6In znZ;>8?!*ceStgs+-Y1>5cqloqYVbg9Gerbya`2g*+4vBdUn4&aa#K* zHoZ234$8yG|C@#LJa?F~q=hsW?_thZ`d7G(S2r)R+=bgh@fI?UBk5zLN$#TeXJz~W zPil+rCtn2$(m96*yHSDHJ{SER3()thgQ3D^g&J}fd+;J1F3#*>p{Y8JK>}?BDmUt}y2k6ajBw>UPprpHIbXQb&D|sRa=(Ub5~RIf z5%P?w0nsZ7m1&lD@Z(I|H;PKcRDCnn7$A4?ms(u%HTp~yj`;FG3-bcXNBjMvrs4O! zEEyIfM0_GEXvYZR*Bv%$b5#1|Y4_{Cp2$m;uM>qVZ4NE!MVs=bsfoeW;fon+tYh;= zMCBSxs~n`g-Rq*f4FujYx6Si#bNn6I``2#4zvFj( zp(DOw!A^`m=b3{1PEK(hTsuNqa~rJ%_t2^GYeel4!Vv1`I|I8M0qod!vNVP*DT(H< zh8g^kC=vdp2l|7lh4Vzs~z(LcE*&nMLRNWNa(wo+=n+f+g|?a^3T;u zqn3`KdH1r&#K84Cst9h(QU)n^x#DxPjg@C~dqr&|&aH-&<{SU?&BDqA zO&Nq4XEmM|ukx$7jU`ljY~VZ;23H`%QsKTm>rUWv&7#Uzkm_vlTV{!%2#DTA`93eb zfzcvk_w&lA?i_T*Dj@X7xR=ID7ovwv72=G40Gf!cA$@VeN z$^t=9VXmNJYEUBr4|@N4TxB>*Q~lx$g`b9wU~hkGxrTXWW@PNQK|*T^M@~`uR+aUZ z(kkboLnEa5VtS{GWOsB0=VF%;NfBo7FF6QIKnDa&0`bi)0(yymRG5Iekmu94giqS) z-evc)wTx^PrC)iP@}@a7j&D>$pMpJ*5<_|;{mV8qCiaVr2g3qms0!03-LMAE3ewbQ zx9uzb;l=~>I)kqWZBx6j8b60^^^H{COH zfdgp>BOndIITPBl@*SBG`6x5ICM}+(I;(0SKI#J`p{n5qoJ_kngICT5a&$T)c&=iL zx5l|4**Fm@Dvaz{#VC1-~bm~+V{5EUD@whJ;HG0?QkyDXFZ zoC0sEf>gV=GTroCA~OB;erHlQ_n3TYHyF6sY_O9PW<<@oEY%C4hPXhbJNc9or&Lhd z5n{v<7h0*Dy9ER%ib0XotLpB2)V6ipTPWoK-|GuTw##oJx%{+6r6wU$q*yRWY&YWE zoHdxtCvzDZfX*=eQ}GW{ZJ4C(7sd;Z!7q^*@xp_@7zL5dBY)JSpUcAh93odN;MIb- zzEEF(9^UGquFUb7G5z)Bgdiz>sGgAaz>QDKY8;jvJ7~Rx?j`N!A+LCdOjZDwa<(-?C5da+jHU^Dy4@{=_kqrVAQE3(!a75!N-_5sl z9n#94kWgEp5_NK4X_5^0TNs5>6;s|7U9NT;7T5H9x}t+p+@29aJ2$Z|1W$vFl&a}C zy&GH-rqGs*#h_~mD8X&N!<)1S&$NF|oHVki@0wyu0tLbs;CRFzcEaX`9!BJK9Na z$-Wz3?EigURgrLU;8)hxV=As=Ot6D@j=pKj_n20UoZU~ETbN(*@-a0FwlmS#m#7fb zrY@Hj81Ey)+-#ryORJaj)F)62%Ne(V`u0PYt0JD{h?sl?=te-8jEd}wVCY~UXVZ;m zbQq}5qeecroJrG^4XP+mBRGcKGu97-x~HheEM!e@=g04TepGF$RH!8J5X6%octdyd zpS%5xA;4Os-X=iG`@IpV<^Ie9l-1||rI zG!2t080}lacyaONd6_GBx$?zwD4Q=pd|228Dvw?94!K5W8OA@+4j#ONZ9E=ZPoU_* zg|8QByv?Y3A`7@>TZbca#=a|PJ-rfL`bt};wE;-FAn}gfWW}K3ri);jSqI&~voY!X`fN_@n0- zo;&gnJx37@hJUC|aqfL|*1Igej4e!*>y!%X3gsuRN9cuE$>A^Dd01{O?FPoa(4m4@U|AayCMvEo6PMFy*Ryc>xpbO4PfBBjRGS*>2i}%JG*n*bc z!R)OH)#IWFlnwl~OTSmX6w>B8P=E~VP#SQ#v&aW+Z-OhvZaqLp45vGzZatLdd=lx? z_3}x~Ru;f4TSTmk4vRoTxTaf+i#c|ReimYbK27otoOS(X=9rzdl$2jPv*Y=ZWNBTK zGLEU;=8bl*+Q~GNGe@c&xeWP_I|Z!f2QdmE(MRFF4V-*TucN0}v=604R@?gL4rPMp z;sP&=4A~DDy3mkB=xOUvez4#@KKytV&wPSHB=Lt$iJf(}jG_YIkIo8vZLp)`IDWBt zzcn!uQ4Ed*?=YktvQ(`>*SHa5M;jgFGy3wEUg&0#^}f3PwMSEk6=JWHDc2j%D&6>U zMCnXEknr2>=v{uqz*bpz<@*tz0-i`SY|xC&)ih7)E@@Q$30(mAv<7KS0f^xW1IJ4j zi2iC2Q`zlL3HLR&jzg)+Z)!1b(W;|f zV;rc@lr!lx1IGzoX^{7Z3YW!Suwu~fFJ&y_Z?GpoX1u|04xb@2^t)}?7kYTYjd20k zmD+UUqNa8y4gT}PG>mONX3%%0@t7aGze_wAnjE6`H#+*&2~LdX90J(%hP>JZV7>Fg zdq$JXJgUNwLMi_Fb z%)F&4WbQoEh?Y*IRzt)wW2JZ}i5)-$~GC zQ8VzunPfG3je)6ZJMlKdN%K;RTKVv|7Il98d`Z10PDLUdpKuBN9LX%qBQD8sn7)V* z7L}hYySEnfOiETm+2wwWRdD5OLS#CW1e<7i{Q;qUo zptgJXSbRx z@>M*;=S>?5d||_FuO>>6T%Mk^SReZ^QyxMzQQe1&S#8KycpR-Td*sWhdGaPH;-;?f z&Btl(L1Wa1A;iSR#ipw8aEP_B@1TEuaSvuWWM7QMXl)M_3{68pY{hTtHqQn>qTLth zn%pKZ-{2r(o6ASQv_`^ysJY&~0D#RBtkDqv?H$Lvn z%y5c!Y|gl$$#!Lhzk8--b;_AVQzp)XTvmYQV?1-V=ax?!^V6s1AMa&eHqSZjDf#Ij zwH${vRM&0Sa}HQx-|HX#%JSG(R$xS1I?H3%;e3-YGmZ17@H_m~U5FMSl*p&1U|qez zHIK~@U>B$T{L>*90YmmeOyezy6UNlt;X5<{-s!%WdtO4xzIBd-?loOAbwXzX*Zhrv$xUJ=+7lN zO~YF*X0@Vu2+-DDsbLd0B;dNaJ1LSgCVV}7HRvbrtH;P%{Vz+Vv>|vn6ZJR&y_|L0 z>X?NWQ97shHER0z^FF4ziB2Q9LVOFl2tPxNam`$U3V?i;2QTS&ayzKdJN9*ljh{@A zOnImv#c0(2M}FX)Ofm{?Wi2jDDQ4ndjKbE;zbzntTzI(GAcqg<$GN?WSl9Kd?AvNe zYMRN~CJJ(g2iuBWN86`vlr_G0`U3M)(h-}yt9_zyzp`pz>_kZ6X-)7<&~5pe`KR8O zxz?i?Xb9Ws*849WTo#9cFDpGiRes(c6LVCHdOKT>^NSt8rOdufn*NR!N=wwKInv~k zSocKC^!9nypLSHyg(N;&jw^q|;@x88D1rmnE!PQO%d95doxTQi}^bia8Uz;0@58K6BLtgA_`4SHos3>qxAaq0myek1Azn&8#S5*b_YVA4b2ZOqvimkM!qxtNRJBPZrnXh^W03|afa zw#fHR;i9nJs-ovi)~%}%yDK+SN6-@17WR_q6BJC>#cTt0~s*7|(mG&mxLQPL*8g&i>qQW;j1=$V8_ z8-YD+UcX!Ws+0vjWIgs!xRoYs2FIyCJP$V62qN_yij7r<9_f%^JL~q{5FKHaHpgqa46dJ$PXZ-&a+Ldwa>wY}&i+MjF_*@yFs!=$cd-mjwH zlW4xb?%em#z?*63ovz{yc8vDLWxR3bv4)1?rHC@;hr>!t>4`aVa2;(Sht&1f20GqY zIUbFP2_eqRLn*@Of{f#(_WCIQ+mi}*y^*tu^J%cH?=8D4QgF9NcX&r9m3EwtPQ{)o z{w~l=)cSVCj9h?J`iYr4WiZ4NdQuwWEl#GUj57ROF z=UmRk>5M@rNt_D-v$=8SYr^4^*H$99oo*~ASW?2ifH~HB)IGp_I296pYfWI~LYxu3 ze{keV!YwHDb=66{nY-JhMb^94^B;^_@X}Y$ExGe^eRjs+z-#<>~ z?u*C7Jp`ns61S=4+v*6-!Bx4r|8i^#co%wD-3JA(Q3R~<&MoUF9x|ES1<$SH6gjMr zzhWQGd}P3SJn<~eDfL$x%pJowpZhwShnX%1*KT@)ky`UWbjR>>2NBW8#MfZ;7XCUJ z+n24u?^01K;>`>9m}}!S=EOe^Yq0YDoa&}ZHkvVd%X;A2Gx` z8YHLDi>-QNYQ@_#`kg{iTrYXT|;AaNKmZv%Pb^&!_&poaRJ^fkz@L726zcCh)17=yFERY5h*&_|y+K zwbVT$H^d&ao6#aRLQ|yaRq@U0D{Gzum)o3ZkMfGRV~_ zjz4!eg5O)b$}Qs`4gy6z?+hZD9daUlCYW(88dg#C5MGrT738P0*}ds76t6UC*`Cc7 z>~$&N77bOHb!e2aIP`=X1Apz_J7(Z|u$PbZCig_Tn32wYskcTB=C!H3-)e=89>KnZ zSgbqLjk_UKW|F=$hK^BuOAsxNPAr3n_7(-jGw0Bb~K&-?K8kQN-FFgVY4g~w} zClAbc1i9qg5H5aSD3>fU4u7##;|l+v!X;+ z#o)=S-nWRv8j^(+u17*|(wJB(v^m+ME3k(a#28c#p+KrURKs?T)8%nnF#Y?%SJcx3 zIRX6DzgQvK&h$7lnGR3!4W9sPOFAAb?7Op0LKN8(iRPA;2XTC8YCdyi6lB=?5FBunqX;S-pLcr2)XC5%7>PD=f-}0D%PMEfrpw(wtTW)!;(SEPax~h+@ZO8 z@@l$DyM#+lhL2QCpN3|@^pU{vcpzuGTf|7MlhkECbK=(>9M+nzJ+A1JtiTbrZM1TJ zc`oP1OG(5%Jvg!NgGt@L(|)C0%CzbohQG@8+F@eqjqe;U_@2;s@Luc@jshl~WCZ{n zBd{aD35zdfGGJ1tFR)5B`<^xz#6OeMrPx_>xIrPOW)P@vlOnWsd3b*J6!n%q#k%Jg ztU}yNX}KgK)7e_`);!RYtV-Hy{*d~;9Pokb-xkkKDj%gXje9p^s6*&O$e**i#AK3N zpw!ka&TpcZw=?^;CnB5=LIr<7e@Gfh{R4;c5;c-4^+hblK_;i9N-!%`bK8_U_y$Tg znLHfWV8hZdXa>EaGs+~~@m=-y4Yt(q!K7l!2wKV~@Hj)Y;9*;C86WDbXoM3c^*wC{ zY-B6XKVl?0iDId`#nfd>v7N2<(QN+ulX@1D{jcgjX56yNkB8i{_0~>!u12S`~&;m>r1N@c_X|c`o&I`j3m=e`eXCIa=jX-01TbD z9SMaQPEh+zShh&5uf1Lm?kRq!Aag4n|4mwEdn_!tUrh;gbpCCL*VKU}?!xh}Ul=ZZ zU6&OBINF2tHNGFhn6Kb~W>;cfKmULEd$Tg1URzfFHtmpiH>NnXCB1ZdaJqV zAe4G9Ha_y1 zsyC&sl|Q*Si_wS$NpG_&#(%OCQhre!CZ`-5*VD_FEZW7xR^Sp$X5ls|_!=TC&u6hS zdxS<2-6S67F==fH7O_oS%tfjT-~|(mMr=Bw{($KgYz@P^SBk>1z%fgA?@%j5IovhdkN{8;C#5V;bbw!vR-kP^9v zrts7mBb3ku7v0_9K3}i>pQ`@?f(ytPoANZN{sjbM_t8IoQ}RbVN&>(>ZN5Z=llGHW zXhcK=+-L`8*pZ0kE9&2Y3V2Bp$m}EC<$|72i&#D&EBR?$}k%NO=;{~Av$8y zBTRAP+f7DlS%*634@V6z}GG!ulkEKIMoO&#BmnK>^L zjbb0VVj?^Wm75MPnx%FSqsFuy=W^MLh{B1HGea#r1?v&sPK+0lGk6ot9(Gg3$UD!3sii+wTEFWGoWv5|IR07vF$HZ1eMfIs(}sKE8~6G`Kl zh%ms${E1FHgRFynhL2I(5u{UoWRUt-(3n1d!4KE5esa7uyX;nW1Z$Gw-}4vHYjX0Q z5W|D9_Gi9xPG|*KAnG#v($I(>FKac&5`+4XK(?(Mo4rTaW=SDk`KR*q2S zQDRZ8!DM{)npBG88lJ(!1UdoC!f1`hRtstWM2Y3m^x_$rcz99biag2JMC+EJKcUzUmQZe4tsEn8<1pur3yfhtYS*h z&{yo3!CDvE{GM4$WixnO2$)qd<12Ed?B>!mL&xUEFUic#RM-7j?cM@Aq9$&sq}hNy zXvHtV*~E{vamTccpfE6fUo82LnFctuTc-^pg-3`3d?ZHH@k4NX8nAs6J4GHJ>U^Xr zMF8ZQhlkA=vLu^ORZOQqf)K`fE-pg=A%4Khz|Gxd!Omdf=*~ENTQ&&OIp4;wJEPj43~nZU ziMBkW7$ZWK_-8V48T_4KydL!iQ}LHsy9&mI3tBv2PoeB3vW6e~86n+!HIb?xs{ck? zpE#38KUt)mOn;>dGcH#$PrP?4y(25dLvewxUuA$O%mT&hLn=2A-{dfSaod2VDv6cd zX;AaeX!f$83bEV!j+!4i{e{2qHqTf16s%exZ+TsIh$-tEg*E55;zE*2G6ttfDo<@ zlkp~(Xnh5KaU}M#xF=Y*U-?f54wK3g$bSPPQHgZtnVQrA*!w-odoj9@SmCy&U59Cr z#`QB3kP)~yCKsa$jXpZi3Q05aSe`=UgYXQ(3xj)dLM`3{r=hg;T!%kqZO-bf!JEpp z%EWbG3ASDPyZfGfX~t3|oBc9MwYV7_prnxW+CN~ff*G2F(ar8LK_A{>TW*zzWPpt% ze6r{Og*+x;lO0SX?jq9M+#n7gaN{V5xLUBwg_T7p-27LUz(GgKlvp1wm=awZT;Hp9 zkThw(iInj0ThBi}SLyziQX~Ia$837Uqo+*~!TGSEjDSkzB4xKX^bSFh5Pn~|7Qwk|Nb5&!y2R9Q=fp%rp_DxD`V_l4~Aud_X)L#pk?ydEk2+uPTPxUXm`JNn(TC~p%8-BZMpM=$< zApv+xr|5%;XVUZ@OMJ~4tCGEUs~;S0@ZIHiGr&Jb^W)f-z$SE5eFld|bwUOf`l=$P zY~9YB_~hiY#`{`g{-E#aF8*~{lR|W>?)RwmR-L!9Je7Xg`u=-k!ckWAy}X@+0Fi zyB~52SX&y%}wctWjJ(O3WQf|9@ayRDf~$g8SCSK?K5ROidd_t<&KCSqg*Vm9HN7Gt`!s z&IUZ&11vD*wjIyi>0XJ$bbYFSi(DwUE7`nFQ-$8%S$^uZ*NB&-Dj*zY4E^t@Wn%Qd zpq6hgImka=<$s4QO$>MasxS{pHjLN@^dRA@%w3+mZGmSG+w_b$ebSxqkdsS+bt%JT zmH51`fqrR^WlIUE4h;rVP)pjL#7*41oq4E&^x#E# zY|esHlY#Dz&wstc2Ne{d(OE8CFL z@5EQpQr}#5CI7F;rEu=s3)@vtqofMF)m03e$szj1B)pf1#Z*%nV&sHKGWq`2NcejS zljuqlnzTYQY&hNxE7E}V=sMY$ZMP_%&K46z+U2SGBSQQt4_#?J2iqI4~lQOP%s{qf-QDBax;1$iHwhFkm-a9)oNc62LiidvM@Y zp#owb&your6zyOGXJs0vK6ecI`u?_c&?{Jfp=fOcHv`Al33e3VFwZ_==du8 zR(x69otqyr(4cx#)c<3Zw&wTLxc$lO_S54P0a**kp0m)s{*_JSIn&vusQ2D6{CJkO zzge2;@QUVw`u|V%&ivQEwRdV5R+auFZ-&X^=_3oZxy3`Ad6AxJaaD_CT{(!_GfPzK zCHdmEI@|C19v*%jv`>6N9~5x0owZrc)uTW0zcaQ11nk{kasO&+a2UNfdy3Dj$QfUU zciADoMMa`Y7i0E4F(wUvMehL-BlMziLnJD`mh?K;uE3AH~ZetkmUZ zeIy3ZRPDMn&5mbuW=a&6zvZ^@HpatHYSc3}f*dLLY|oorK!K^vwCOyyEGHntE=Rn{ zmVg^a!ytY;ThQh4;T@QuApUoYmblqMb+U)cyNF%Wq*f~G4f%?Jaw||C>kK?Fp?2fjyjYybcN literal 0 HcmV?d00001 From bac50e98361dd7bd875dd57ad2de3c8a49cc1aa4 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 17:49:37 -0500 Subject: [PATCH 12/42] fix: stabilize ecosystem snapshots --- docs/PUBLISHING.md | 4 +- package-lock.json | 25 +++++ package.json | 2 + scripts/check-ecosystem-packs.mjs | 23 ++++- scripts/visual-snapshot-comparator.mjs | 114 +++++++++++++++++++++++ tests/package-integrity.test.js | 3 + tests/visual-snapshot-comparator.test.js | 114 +++++++++++++++++++++++ 7 files changed, 281 insertions(+), 4 deletions(-) create mode 100644 scripts/visual-snapshot-comparator.mjs create mode 100644 tests/visual-snapshot-comparator.test.js diff --git a/docs/PUBLISHING.md b/docs/PUBLISHING.md index 9b0711f..3616f5a 100644 --- a/docs/PUBLISHING.md +++ b/docs/PUBLISHING.md @@ -14,7 +14,9 @@ npm run release:verify `npm run check:ecosystem:minimum` downloads and repacks the declared minimum published runtime versions: `ui-style-kit-css@2.1.0`, `interactive-surface-css@1.5.0`, and `layout-style-css@3.0.0`. Those tarballs predate the additive shared-manifest policy introduced on the coordinated branches, so the minimum matrix validates their exact installed versions and published CSS entry points; current packed heads retain the stricter manifest-schema and current-documentation checks. `npm run check:ecosystem:packs` runs current first and minimum second. -Both matrices install fresh tarball consumers for UI only, Interaction only, Layout only, every pair, and all three. Chromium then checks selected theme paint, native and prefixed components, interaction focus/disabled/loading/selected/persistent states, Layout wrappers/primitives/recipes/personalities, console cleanliness, and an empty external-request log. Three text-free baselines under `tests/snapshots/clean-install/` cover the highest-risk integrated combinations. To intentionally refresh them, run the current checker with `--update-snapshots`, inspect all three images, and rerun without that flag. +Both matrices install fresh tarball consumers for UI only, Interaction only, Layout only, every pair, and all three. Chromium then checks selected theme paint, native and prefixed components, interaction focus/disabled/loading/selected/persistent states, Layout wrappers/primitives/recipes/personalities, console cleanliness, and an empty external-request log. Three text-free baselines under `tests/snapshots/clean-install/` cover the highest-risk integrated combinations. + +Snapshot verification decodes PNG pixels, requires exact dimensions, ignores pixelmatch-classified antialias noise, uses a `0.1` color threshold, and permits at most `0.25%` differing pixels. The committed fixtures render at 720-721 by 261 pixels and therefore allow 469-470 changed pixels while rejecting the tested 42% meaningful change. A mismatch retains both `SCENARIO-actual.png` and `SCENARIO-diff.png` in the reported safe temporary directory. CI only validates committed baselines and never passes the generation flag. To intentionally refresh them locally, run the current checker with `--update-snapshots`, inspect all three images, and rerun without that flag. The PR integration and npm-publish workflows read the companion repository and immutable revision pins from `ecosystem-compatibility.json`, then pack those coordinated Task 4 artifacts. Advance those pins whenever later work changes a companion contract; Task 9/final release work is responsible for replacing these interim fixture revisions with final heads. diff --git a/package-lock.json b/package-lock.json index 0c12c7d..d8ba9fe 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,6 +13,8 @@ "@playwright/test": "~1.61.1", "css-tree": "3.2.1", "lightningcss": "1.33.0", + "pixelmatch": "7.2.0", + "pngjs": "7.0.0", "stylelint": "~17.14.0" }, "engines": { @@ -1371,6 +1373,19 @@ "url": "https://github.com/sponsors/jonschlinkert" } }, + "node_modules/pixelmatch": { + "version": "7.2.0", + "resolved": "https://registry.npmjs.org/pixelmatch/-/pixelmatch-7.2.0.tgz", + "integrity": "sha512-xhcb4yHu9sM/G7foGzoLtXYcC0zHEaOXXjRKhGup0fw78Nf2Tkiapv4EQyMzrbcmQPsllAI7DbFY2UT7PlI9Pg==", + "dev": true, + "license": "ISC", + "dependencies": { + "pngjs": "^7.0.0" + }, + "bin": { + "pixelmatch": "bin/pixelmatch" + } + }, "node_modules/playwright": { "version": "1.61.1", "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.61.1.tgz", @@ -1403,6 +1418,16 @@ "node": ">=18" } }, + "node_modules/pngjs": { + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-7.0.0.tgz", + "integrity": "sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=14.19.0" + } + }, "node_modules/postcss": { "version": "8.5.15", "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz", diff --git a/package.json b/package.json index 2447e80..df4d232 100644 --- a/package.json +++ b/package.json @@ -160,6 +160,8 @@ "@playwright/test": "~1.61.1", "css-tree": "3.2.1", "lightningcss": "1.33.0", + "pixelmatch": "7.2.0", + "pngjs": "7.0.0", "stylelint": "~17.14.0" }, "scripts": { diff --git a/scripts/check-ecosystem-packs.mjs b/scripts/check-ecosystem-packs.mjs index cfcc004..0fa6b3b 100644 --- a/scripts/check-ecosystem-packs.mjs +++ b/scripts/check-ecosystem-packs.mjs @@ -9,6 +9,10 @@ import { fileURLToPath } from 'node:url'; import { extractPackageImports } from './documented-imports.mjs'; import { validateEcosystemCompatibility, validateSharedManifest } from './ecosystem-manifest-schema.mjs'; import { resolveInteractiveSource } from './ecosystem-pack-sources.mjs'; +import { + comparePngSnapshots, + DEFAULT_VISUAL_SNAPSHOT_COMPARISON +} from './visual-snapshot-comparator.mjs'; const scriptDir = path.dirname(fileURLToPath(import.meta.url)); const rootDir = path.resolve(scriptDir, '..'); @@ -828,12 +832,25 @@ async function verifyVisualSnapshot(page, scenarioName) { } const expected = fs.readFileSync(snapshotPath); - if (!actual.equals(expected)) { + const comparison = comparePngSnapshots(actual, expected); + if (!comparison.pass) { const actualPath = path.join(tempDir, `${scenarioName}-actual.png`); + const diffPath = path.join(tempDir, `${scenarioName}-diff.png`); fs.writeFileSync(actualPath, actual); - throw new Error(`Visual snapshot mismatch for ${scenarioName}. Actual image: ${actualPath}`); + fs.writeFileSync(diffPath, comparison.diffPng); + const detail = + comparison.reason === 'dimension-mismatch' + ? `expected ${comparison.expectedDimensions.width}x${comparison.expectedDimensions.height}, got ${comparison.actualDimensions.width}x${comparison.actualDimensions.height}` + : `${comparison.diffPixels} pixels differed; allowance ${comparison.allowedDiffPixels} (${( + DEFAULT_VISUAL_SNAPSHOT_COMPARISON.maxDiffPixelRatio * 100 + ).toFixed(2)}%)`; + throw new Error( + `Visual snapshot mismatch for ${scenarioName}: ${detail}. Actual image: ${actualPath}. Diff image: ${diffPath}` + ); } - console.log(`PASS visual snapshot ${scenarioName}`); + console.log( + `PASS visual snapshot ${scenarioName} (${comparison.diffPixels}/${comparison.allowedDiffPixels} differing pixels)` + ); } async function readInteractionStyles(page) { diff --git a/scripts/visual-snapshot-comparator.mjs b/scripts/visual-snapshot-comparator.mjs new file mode 100644 index 0000000..4846a0d --- /dev/null +++ b/scripts/visual-snapshot-comparator.mjs @@ -0,0 +1,114 @@ +import pixelmatch from 'pixelmatch'; +import { PNG } from 'pngjs'; + +export const DEFAULT_VISUAL_SNAPSHOT_COMPARISON = Object.freeze({ + colorThreshold: 0.1, + includeAntialiasing: false, + maxDiffPixels: 0, + maxDiffPixelRatio: 0.0025 +}); + +export function comparePngSnapshots(actualBuffer, expectedBuffer, overrides = {}) { + const options = normalizeOptions(overrides); + const actual = PNG.sync.read(actualBuffer); + const expected = PNG.sync.read(expectedBuffer); + const actualDimensions = dimensionsOf(actual); + const expectedDimensions = dimensionsOf(expected); + + if (actual.width !== expected.width || actual.height !== expected.height) { + return { + pass: false, + reason: 'dimension-mismatch', + actualDimensions, + expectedDimensions, + diffPixels: null, + diffRatio: null, + allowedDiffPixels: 0, + diffPng: createDimensionMismatchDiff(actual, expected) + }; + } + + const diff = new PNG({ width: expected.width, height: expected.height }); + const diffPixels = pixelmatch(actual.data, expected.data, diff.data, expected.width, expected.height, { + threshold: options.colorThreshold, + includeAA: options.includeAntialiasing, + diffColor: [255, 0, 76], + aaColor: [255, 193, 7] + }); + const totalPixels = expected.width * expected.height; + const ratioAllowance = Math.floor(totalPixels * options.maxDiffPixelRatio); + const allowedDiffPixels = Math.max(options.maxDiffPixels, ratioAllowance); + const pass = diffPixels <= allowedDiffPixels; + + return { + pass, + reason: pass ? 'match' : 'pixel-difference', + actualDimensions, + expectedDimensions, + diffPixels, + diffRatio: diffPixels / totalPixels, + allowedDiffPixels, + colorThreshold: options.colorThreshold, + diffPng: PNG.sync.write(diff) + }; +} + +function normalizeOptions(overrides) { + const options = { ...DEFAULT_VISUAL_SNAPSHOT_COMPARISON, ...overrides }; + assertUnitInterval(options.colorThreshold, 'colorThreshold'); + assertUnitInterval(options.maxDiffPixelRatio, 'maxDiffPixelRatio'); + if (!Number.isInteger(options.maxDiffPixels) || options.maxDiffPixels < 0) { + throw new TypeError('maxDiffPixels must be a non-negative integer.'); + } + if (typeof options.includeAntialiasing !== 'boolean') { + throw new TypeError('includeAntialiasing must be a boolean.'); + } + return options; +} + +function assertUnitInterval(value, name) { + if (typeof value !== 'number' || !Number.isFinite(value) || value < 0 || value > 1) { + throw new TypeError(`${name} must be a finite number between 0 and 1.`); + } +} + +function dimensionsOf(png) { + return { width: png.width, height: png.height }; +} + +function createDimensionMismatchDiff(actual, expected) { + const width = Math.max(actual.width, expected.width); + const height = Math.max(actual.height, expected.height); + const diff = new PNG({ width, height }); + + // Cyan and magenta expose each overhanging dimension; red marks changed overlap pixels. + for (let y = 0; y < height; y += 1) { + for (let x = 0; x < width; x += 1) { + const outputOffset = (y * width + x) * 4; + const actualInBounds = x < actual.width && y < actual.height; + const expectedInBounds = x < expected.width && y < expected.height; + + if (!actualInBounds) { + diff.data.set([255, 0, 255, 255], outputOffset); + } else if (!expectedInBounds) { + diff.data.set([0, 229, 255, 255], outputOffset); + } else { + const actualOffset = (y * actual.width + x) * 4; + const expectedOffset = (y * expected.width + x) * 4; + const equal = rgbaEqual(actual.data, actualOffset, expected.data, expectedOffset); + diff.data.set(equal ? [236, 239, 244, 255] : [255, 0, 76, 255], outputOffset); + } + } + } + + return PNG.sync.write(diff); +} + +function rgbaEqual(actual, actualOffset, expected, expectedOffset) { + return ( + actual[actualOffset] === expected[expectedOffset] && + actual[actualOffset + 1] === expected[expectedOffset + 1] && + actual[actualOffset + 2] === expected[expectedOffset + 2] && + actual[actualOffset + 3] === expected[expectedOffset + 3] + ); +} diff --git a/tests/package-integrity.test.js b/tests/package-integrity.test.js index dce286c..148fd59 100644 --- a/tests/package-integrity.test.js +++ b/tests/package-integrity.test.js @@ -447,6 +447,9 @@ test('clean-install ecosystem scripts and CI enforce current and minimum rendere assert.match(workflow, /npm run check:ecosystem:current/); assert.match(workflow, /npm run check:ecosystem:minimum/); assert.doesNotMatch(workflow, /check:ecosystem:(?:current|minimum)[^\n]*--skip-browser/); + assert.doesNotMatch(workflow, /--update-snapshots/); + assert.equal(packageJson.devDependencies.pixelmatch, '7.2.0'); + assert.equal(packageJson.devDependencies.pngjs, '7.0.0'); }); test('release verification script is non-publishing and covers the full release gate', () => { diff --git a/tests/visual-snapshot-comparator.test.js b/tests/visual-snapshot-comparator.test.js new file mode 100644 index 0000000..842ea6f --- /dev/null +++ b/tests/visual-snapshot-comparator.test.js @@ -0,0 +1,114 @@ +import assert from 'node:assert/strict'; +import test from 'node:test'; + +import { PNG } from 'pngjs'; + +const comparatorUrl = new URL('../scripts/visual-snapshot-comparator.mjs', import.meta.url); + +function solidPng(width, height, rgba, options = {}) { + const png = new PNG({ width, height }); + for (let offset = 0; offset < png.data.length; offset += 4) { + png.data.set(rgba, offset); + } + return PNG.sync.write(png, options); +} + +function changePixels(buffer, changes) { + const png = PNG.sync.read(buffer); + for (const { index, rgba } of changes) { + png.data.set(rgba, index * 4); + } + return PNG.sync.write(png); +} + +async function compare(actual, expected, options) { + const { comparePngSnapshots } = await import(comparatorUrl); + return comparePngSnapshots(actual, expected, options); +} + +test('pixel-identical PNGs pass despite different color metadata and compression', async () => { + const expected = solidPng(12, 8, [24, 96, 180, 255], { + colorType: 6, + deflateLevel: 1 + }); + const actual = solidPng(12, 8, [24, 96, 180, 255], { + colorType: 2, + inputHasAlpha: true, + deflateLevel: 9 + }); + + assert.notDeepEqual(actual, expected); + const result = await compare(actual, expected); + + assert.equal(result.pass, true); + assert.equal(result.reason, 'match'); + assert.equal(result.diffPixels, 0); + assert.equal(result.diffRatio, 0); +}); + +test('a small raster difference within the default ratio tolerance passes', async () => { + const expected = solidPng(20, 20, [240, 245, 255, 255]); + const actual = changePixels(expected, [{ index: 137, rgba: [0, 0, 0, 255] }]); + + const result = await compare(actual, expected); + + assert.equal(result.pass, true); + assert.equal(result.diffPixels, 1); + assert.equal(result.allowedDiffPixels, 1); +}); + +test('a meaningful 42 percent visual change exceeds the default tolerance', async () => { + const expected = solidPng(10, 10, [240, 245, 255, 255]); + const changes = Array.from({ length: 42 }, (_, index) => ({ + index, + rgba: [20, 30, 50, 255] + })); + const actual = changePixels(expected, changes); + + const result = await compare(actual, expected); + + assert.equal(result.pass, false); + assert.equal(result.reason, 'pixel-difference'); + assert.equal(result.diffPixels, 42); + assert.equal(result.diffRatio, 0.42); + assert.ok(Buffer.isBuffer(result.diffPng)); + assert.deepEqual( + { width: PNG.sync.read(result.diffPng).width, height: PNG.sync.read(result.diffPng).height }, + { width: 10, height: 10 } + ); +}); + +test('a change above an explicit one-pixel allowance fails', async () => { + const expected = solidPng(10, 10, [240, 245, 255, 255]); + const actual = changePixels(expected, [ + { index: 37, rgba: [220, 225, 235, 255] }, + { index: 38, rgba: [220, 225, 235, 255] } + ]); + + const result = await compare(actual, expected, { + colorThreshold: 0, + maxDiffPixels: 1, + maxDiffPixelRatio: 0 + }); + + assert.equal(result.pass, false); + assert.equal(result.reason, 'pixel-difference'); + assert.equal(result.diffPixels, 2); + assert.equal(result.allowedDiffPixels, 1); +}); + +test('dimension mismatch fails exact validation and produces a visual diff artifact', async () => { + const expected = solidPng(10, 10, [240, 245, 255, 255]); + const actual = solidPng(11, 10, [240, 245, 255, 255]); + + const result = await compare(actual, expected); + + assert.equal(result.pass, false); + assert.equal(result.reason, 'dimension-mismatch'); + assert.deepEqual(result.expectedDimensions, { width: 10, height: 10 }); + assert.deepEqual(result.actualDimensions, { width: 11, height: 10 }); + assert.deepEqual( + { width: PNG.sync.read(result.diffPng).width, height: PNG.sync.read(result.diffPng).height }, + { width: 11, height: 10 } + ); +}); From 02afe492541a30ab7a01e6c0795fe4f715d10f90 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 18:14:34 -0500 Subject: [PATCH 13/42] test: enforce css ownership boundaries --- ownership-allowlist.json | 40 +++++ package.json | 3 +- scripts/check-css-ownership.mjs | 257 +++++++++++++++++++++++++++++ tests/ownership-boundaries.test.js | 177 ++++++++++++++++++++ 4 files changed, 476 insertions(+), 1 deletion(-) create mode 100644 ownership-allowlist.json create mode 100644 scripts/check-css-ownership.mjs create mode 100644 tests/ownership-boundaries.test.js diff --git a/ownership-allowlist.json b/ownership-allowlist.json new file mode 100644 index 0000000..0a92c28 --- /dev/null +++ b/ownership-allowlist.json @@ -0,0 +1,40 @@ +{ + "ui-visual": [ + { + "selector": ".bento-grid-feature", + "property": "grid-template-columns", + "reason": "The documented Bento feature component owns its internal six-column composition and responsive collapse.", + "owner": "ui-style-kit-css", + "reviewDate": "2026-08-08" + }, + { + "selector": ".bento-tile-lg", + "property": "grid-area", + "reason": "The large Bento tile spans tracks only inside the Bento feature component rather than placing a page region.", + "owner": "ui-style-kit-css", + "reviewDate": "2026-08-08" + }, + { + "selector": ".bento-tile-md", + "property": "grid-column", + "reason": "The medium Bento tile spans tracks only inside the documented Bento feature component.", + "owner": "ui-style-kit-css", + "reviewDate": "2026-08-08" + }, + { + "selector": ".bento-tile-sm", + "property": "grid-column", + "reason": "The small Bento tile spans tracks only inside the documented Bento feature component.", + "owner": "ui-style-kit-css", + "reviewDate": "2026-08-08" + }, + { + "selector": ".bento-tile-lg,.bento-tile-md,.bento-tile-sm", + "property": "grid-area", + "reason": "The responsive reset keeps Bento tile variants within their component-internal grid on narrow viewports.", + "owner": "ui-style-kit-css", + "reviewDate": "2026-08-08" + } + ], + "interaction-theme": [] +} diff --git a/package.json b/package.json index df4d232..9657e1e 100644 --- a/package.json +++ b/package.json @@ -168,6 +168,7 @@ "build": "node scripts/build.mjs", "lint": "stylelint \"styles/**/*.css\" \"demo/**/*.css\"", "check:contrast": "node scripts/check-contrast.mjs", + "check:ownership": "node scripts/check-css-ownership.mjs", "check:package": "node scripts/check-package.mjs", "test": "npm run test:unit", "test:unit": "node --test tests/*.test.js", @@ -179,7 +180,7 @@ "check:ecosystem:minimum": "node scripts/check-ecosystem-packs.mjs --matrix minimum --skip-docs", "check:ecosystem:packs": "npm run check:ecosystem:current && npm run check:ecosystem:minimum", "test:ecosystem:clean-install": "node --test tests/clean-install-ecosystem-contract.integration.mjs", - "check": "npm run build && npm run lint && npm run test:unit && npm run check:contrast && npm run check:package", + "check": "npm run build && npm run lint && npm run test:unit && npm run check:contrast && npm run check:ownership && npm run check:package", "pack:dry-run": "npm pack --dry-run", "prepack": "npm run check", "release:verify": "npm run check && npm run test:e2e && npm run test:axe && npm run test:visual && npm run test:matrix && npm run check:ecosystem:packs && npm audit --audit-level=moderate && npm run pack:dry-run", diff --git a/scripts/check-css-ownership.mjs b/scripts/check-css-ownership.mjs new file mode 100644 index 0000000..c960bd5 --- /dev/null +++ b/scripts/check-css-ownership.mjs @@ -0,0 +1,257 @@ +import fs from 'node:fs'; +import path from 'node:path'; +import { fileURLToPath } from 'node:url'; + +import { generate, parse, walk } from 'css-tree'; + +const packageRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); +const allowlistFields = ['owner', 'property', 'reason', 'reviewDate', 'selector']; +const gridTopologyProperties = new Set([ + 'grid-area', + 'grid-column', + 'grid-column-end', + 'grid-column-start', + 'grid-row', + 'grid-row-end', + 'grid-row-start', + 'grid-template', + 'grid-template-areas', + 'grid-template-columns', + 'grid-template-rows', + 'order' +]); +const majorSizingProperties = new Set([ + 'inline-size', + 'max-inline-size', + 'max-width', + 'min-inline-size', + 'min-width', + 'width' +]); +const mechanicsProperties = new Set([ + 'animation', + 'animation-name', + 'rotate', + 'scale', + 'transform', + 'transition', + 'transition-delay', + 'transition-duration', + 'transition-property', + 'transition-timing-function', + 'translate' +]); +const stateSelectorPattern = /:(?:active|disabled|focus|focus-visible|hover)|\[aria-(?:busy|current|disabled|pressed|selected)|\.is-(?:active|disabled|loading)/; + +function entryKey({ selector, property }) { + return `${selector}\u0000${property}`; +} + +function isIsoDate(value) { + if (!/^\d{4}-\d{2}-\d{2}$/.test(value)) return false; + + const parsed = new Date(`${value}T00:00:00Z`); + return !Number.isNaN(parsed.valueOf()) && parsed.toISOString().startsWith(value); +} + +export function validateAllowlist({ target, entries, expectedOwner, now = new Date() }) { + if (!Array.isArray(entries)) throw new Error(`${target} allowlist must be an array.`); + + // Strict metadata prevents an exception from becoming an undocumented ownership bypass. + const seen = new Set(); + for (const entry of entries) { + if (!entry || typeof entry !== 'object' || Array.isArray(entry)) { + throw new Error(`${target} allowlist entries must be objects.`); + } + + const fields = Object.keys(entry).sort(); + if (fields.join('\u0000') !== allowlistFields.join('\u0000')) { + throw new Error(`${target} allowlist entries must contain exactly ${allowlistFields.join(', ')}.`); + } + if (entry.selector.includes('*') || entry.property.includes('*')) { + throw new Error(`${target} allowlist entries must not contain wildcards.`); + } + if (!entry.selector.trim() || !entry.property.trim()) { + throw new Error(`${target} allowlist selector and property must be exact non-empty values.`); + } + if (entry.owner !== expectedOwner) { + throw new Error(`${target} allowlist owner must be ${expectedOwner}.`); + } + if (entry.reason.trim().length < 24) { + throw new Error(`${target} allowlist entries require a professional reason.`); + } + if (!isIsoDate(entry.reviewDate)) { + throw new Error(`${target} allowlist reviewDate must be an ISO date.`); + } + + const reviewTime = new Date(`${entry.reviewDate}T00:00:00Z`).valueOf(); + const ageDays = (now.valueOf() - reviewTime) / 86_400_000; + if (ageDays < 0 || ageDays > 366) { + throw new Error(`${target} allowlist entry has a stale reviewDate: ${entry.reviewDate}.`); + } + + const key = entryKey(entry); + if (seen.has(key)) { + throw new Error(`${target} allowlist has a duplicate selector and property: ${entry.selector} ${entry.property}.`); + } + seen.add(key); + } +} + +function selectorOwnsPageTopology(rule, manifest) { + // Manifest-owned legacy suffixes remain the authoritative structural vocabulary. + const structuralNames = new Set([ + ...(manifest.classApi?.deprecatedStructuralSuffixes ?? []), + 'container', + 'layout', + 'main', + 'shell', + 'wrapper' + ]); + let ownsPageTopology = false; + + walk(rule.prelude, { + enter(node) { + if (node.type === 'TypeSelector' && ['body', 'main'].includes(node.name)) { + ownsPageTopology = true; + } + if (node.type !== 'ClassSelector') return; + + const classSegments = node.name.split(/[-_]/); + if (classSegments.some((segment) => structuralNames.has(segment))) { + ownsPageTopology = true; + } + } + }); + + return ownsPageTopology; +} + +function ruleForDeclaration({ target, selector, property, rule, manifest }) { + if (target === 'ui-visual') { + if (gridTopologyProperties.has(property)) return 'ui-page-topology'; + if (majorSizingProperties.has(property) && selectorOwnsPageTopology(rule, manifest)) { + return 'ui-page-topology'; + } + return null; + } + + if (target === 'interaction-theme') { + if (property.startsWith('--')) return null; + if (mechanicsProperties.has(property) || stateSelectorPattern.test(selector)) { + return 'ui-interaction-mechanics'; + } + return null; + } + + throw new Error(`Unknown ownership target: ${target}.`); +} + +export function auditOwnership({ target, css, manifest, allowlist, now = new Date() }) { + validateAllowlist({ + target, + entries: allowlist, + expectedOwner: 'ui-style-kit-css', + now + }); + + const ast = parse(css, { filename: target, positions: true }); + const allowlistByKey = new Map(allowlist.map((entry) => [entryKey(entry), entry])); + const matchedKeys = new Set(); + const violations = []; + let declarationCount = 0; + + walk(ast, { + visit: 'Rule', + enter(rule) { + const selector = generate(rule.prelude); + rule.block.children.forEach((node) => { + if (node.type !== 'Declaration') return; + declarationCount += 1; + + const violationRule = ruleForDeclaration({ + target, + selector, + property: node.property, + rule, + manifest + }); + if (!violationRule) return; + + const key = entryKey({ selector, property: node.property }); + if (allowlistByKey.has(key)) { + matchedKeys.add(key); + return; + } + + violations.push({ + target, + selector, + property: node.property, + line: node.loc.start.line, + rule: violationRule + }); + }); + } + }); + + for (const entry of allowlist) { + if (!matchedKeys.has(entryKey(entry))) { + throw new Error( + `${target} allowlist entry does not match a forbidden declaration: ${entry.selector} ${entry.property}.` + ); + } + } + + return { + declarationCount, + matchedAllowlistCount: matchedKeys.size, + violations + }; +} + +function run() { + const startedAt = performance.now(); + const manifest = JSON.parse(fs.readFileSync(path.join(packageRoot, 'manifest.json'), 'utf8')); + const allowlist = JSON.parse( + fs.readFileSync(path.join(packageRoot, 'ownership-allowlist.json'), 'utf8') + ); + const targets = [ + ['ui-visual', 'dist/ui-style-kit.visual.css'], + ['interaction-theme', 'styles/interactive-surface-theme.css'] + ]; + let declarations = 0; + let exceptions = 0; + + for (const [target, file] of targets) { + const result = auditOwnership({ + target, + css: fs.readFileSync(path.join(packageRoot, file), 'utf8'), + manifest, + allowlist: allowlist[target] + }); + declarations += result.declarationCount; + exceptions += result.matchedAllowlistCount; + + if (result.violations.length > 0) { + const details = result.violations + .map(({ selector, property, line, rule }) => `${file}:${line} ${selector} ${property} (${rule})`) + .join('\n'); + throw new Error(`CSS ownership violations:\n${details}`); + } + } + + const duration = Math.round(performance.now() - startedAt); + console.log( + `CSS ownership passed for ${declarations} declarations with ${exceptions} reviewed exceptions in ${duration}ms.` + ); +} + +if (process.argv[1] && path.resolve(process.argv[1]) === fileURLToPath(import.meta.url)) { + try { + run(); + } catch (error) { + console.error(error.message); + process.exitCode = 1; + } +} diff --git a/tests/ownership-boundaries.test.js b/tests/ownership-boundaries.test.js new file mode 100644 index 0000000..0830eaf --- /dev/null +++ b/tests/ownership-boundaries.test.js @@ -0,0 +1,177 @@ +import assert from 'node:assert/strict'; +import fs from 'node:fs'; +import test from 'node:test'; + +import { + auditOwnership, + validateAllowlist +} from '../scripts/check-css-ownership.mjs'; + +const reviewedAt = new Date('2026-08-08T12:00:00Z'); + +function exception(overrides = {}) { + return { + selector: '.bento-grid-feature', + property: 'grid-template-columns', + reason: 'Keeps the documented Bento feature component internally composed.', + owner: 'ui-style-kit-css', + reviewDate: '2026-08-08', + ...overrides + }; +} + +test('visual-only rejects page topology while a reviewed component exception is exact', () => { + const css = ` + .saas-page { max-width: 72rem; } + .saas-page-content { width: 100%; } + .bento-grid-feature { grid-template-columns: repeat(6, 1fr); } + `; + const result = auditOwnership({ + target: 'ui-visual', + css, + manifest: { classApi: { deprecatedStructuralSuffixes: ['page'] } }, + allowlist: [exception()], + now: reviewedAt + }); + + assert.deepEqual(result.violations, [ + { + target: 'ui-visual', + selector: '.saas-page', + property: 'max-width', + line: 2, + rule: 'ui-page-topology' + }, + { + target: 'ui-visual', + selector: '.saas-page-content', + property: 'width', + line: 3, + rule: 'ui-page-topology' + } + ]); + assert.equal(result.matchedAllowlistCount, 1); +}); + +test('visual-only rejects unreviewed grid topology and placement', () => { + const result = auditOwnership({ + target: 'ui-visual', + css: '.bento-tile { grid-area: span 2 / span 4; grid-column: span 2; }', + manifest: { classApi: { deprecatedStructuralSuffixes: [] } }, + allowlist: [], + now: reviewedAt + }); + + assert.deepEqual(result.violations, [ + { + target: 'ui-visual', + selector: '.bento-tile', + property: 'grid-area', + line: 1, + rule: 'ui-page-topology' + }, + { + target: 'ui-visual', + selector: '.bento-tile', + property: 'grid-column', + line: 1, + rule: 'ui-page-topology' + } + ]); +}); + +test('interaction theme rejects state mechanics but permits static theme application', () => { + const css = ` + .interactive-surface { color: var(--interactive-surface-fg); } + .interactive-surface:hover { translate: 0 -2px; } + `; + const result = auditOwnership({ + target: 'interaction-theme', + css, + manifest: {}, + allowlist: [], + now: reviewedAt + }); + + assert.deepEqual(result.violations, [ + { + target: 'interaction-theme', + selector: '.interactive-surface:hover', + property: 'translate', + line: 3, + rule: 'ui-interaction-mechanics' + } + ]); +}); + +test('allowlist rejects stale, duplicate, wildcard, unexplained, and unmatched entries', () => { + const cases = [ + { + name: 'stale', + entries: [exception({ reviewDate: '2025-01-01' })], + message: /stale reviewDate/ + }, + { + name: 'duplicate', + entries: [exception(), exception()], + message: /duplicate selector and property/ + }, + { + name: 'wildcard', + entries: [exception({ selector: '.bento-*' })], + message: /must not contain wildcards/ + }, + { + name: 'unexplained', + entries: [exception({ reason: 'Needed.' })], + message: /professional reason/ + } + ]; + + for (const fixture of cases) { + assert.throws( + () => validateAllowlist({ + target: 'ui-visual', + entries: fixture.entries, + expectedOwner: 'ui-style-kit-css', + now: reviewedAt + }), + fixture.message, + fixture.name + ); + } + + assert.throws( + () => auditOwnership({ + target: 'ui-visual', + css: '.bento-grid-feature { color: red; }', + manifest: { classApi: { deprecatedStructuralSuffixes: [] } }, + allowlist: [exception()], + now: reviewedAt + }), + /does not match a forbidden declaration/ + ); +}); + +test('reviewed built UI targets satisfy their ownership contracts', () => { + const manifest = JSON.parse(fs.readFileSync(new URL('../manifest.json', import.meta.url), 'utf8')); + const allowlist = JSON.parse( + fs.readFileSync(new URL('../ownership-allowlist.json', import.meta.url), 'utf8') + ); + const targets = [ + ['ui-visual', '../dist/ui-style-kit.visual.css'], + ['interaction-theme', '../styles/interactive-surface-theme.css'] + ]; + + for (const [target, file] of targets) { + const result = auditOwnership({ + target, + css: fs.readFileSync(new URL(file, import.meta.url), 'utf8'), + manifest, + allowlist: allowlist[target], + now: reviewedAt + }); + + assert.deepEqual(result.violations, [], target); + } +}); From df11ce41e91b99ab97493acad113e303acaa77ab Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 18:39:27 -0500 Subject: [PATCH 14/42] fix: close css ownership bypasses --- ecosystem-compatibility.json | 4 +- scripts/check-css-ownership.mjs | 180 ++++++++++++++++++++---- tests/ecosystem-compatibility.test.js | 2 +- tests/ecosystem-manifest-schema.test.js | 4 +- tests/ownership-boundaries.test.js | 98 ++++++++++++- 5 files changed, 256 insertions(+), 32 deletions(-) diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index 231650e..0b95317 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -9,11 +9,11 @@ "ui-style-kit-css": { "checkout": "current" }, "interactive-surface-css": { "repository": "Foscat/Interactive-Surface-CSS", - "revision": "6512911710743dfef47f339f206a635703156ead" + "revision": "a6b24e977cceea47f02e759d004b14bd6c8fd70f" }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "4332a21a6b0eff8f7756e086b487dbb9a517e8fc" + "revision": "e8aebc66b6a1616984d121d3a8042a1a0db6eba8" } }, "packages": [ diff --git a/scripts/check-css-ownership.mjs b/scripts/check-css-ownership.mjs index c960bd5..655e4c4 100644 --- a/scripts/check-css-ownership.mjs +++ b/scripts/check-css-ownership.mjs @@ -2,11 +2,12 @@ import fs from 'node:fs'; import path from 'node:path'; import { fileURLToPath } from 'node:url'; -import { generate, parse, walk } from 'css-tree'; +import { generate, parse, property as describeProperty, walk } from 'css-tree'; const packageRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); const allowlistFields = ['owner', 'property', 'reason', 'reviewDate', 'selector']; const gridTopologyProperties = new Set([ + 'grid', 'grid-area', 'grid-column', 'grid-column-end', @@ -20,28 +21,99 @@ const gridTopologyProperties = new Set([ 'grid-template-rows', 'order' ]); -const majorSizingProperties = new Set([ +const pagePlacementProperties = new Set([ + 'block-size', + 'bottom', + 'clear', + 'display', + 'float', + 'height', 'inline-size', + 'inset', + 'inset-block', + 'inset-block-end', + 'inset-block-start', + 'inset-inline', + 'inset-inline-end', + 'inset-inline-start', + 'left', + 'margin', + 'margin-block', + 'margin-block-end', + 'margin-block-start', + 'margin-inline', + 'margin-inline-end', + 'margin-inline-start', + 'max-block-size', + 'max-height', 'max-inline-size', 'max-width', + 'min-block-size', + 'min-height', 'min-inline-size', 'min-width', + 'place-self', + 'position', + 'right', + 'top', 'width' ]); -const mechanicsProperties = new Set([ - 'animation', - 'animation-name', - 'rotate', - 'scale', - 'transform', - 'transition', - 'transition-delay', - 'transition-duration', - 'transition-property', - 'transition-timing-function', - 'translate' +const nativeStatePseudos = new Set([ + 'active', + 'checked', + 'disabled', + 'enabled', + 'focus', + 'focus-visible', + 'focus-within', + 'hover', + 'indeterminate', + 'invalid', + 'open', + 'optional', + 'placeholder-shown', + 'read-only', + 'read-write', + 'required', + 'target', + 'user-invalid', + 'valid' ]); -const stateSelectorPattern = /:(?:active|disabled|focus|focus-visible|hover)|\[aria-(?:busy|current|disabled|pressed|selected)|\.is-(?:active|disabled|loading)/; +const commonStateClasses = new Set([ + 'is-active', + 'is-busy', + 'is-checked', + 'is-disabled', + 'is-loading', + 'is-open', + 'is-pressed', + 'is-selected' +]); +const stateAttributes = new Set([ + 'aria-busy', + 'aria-checked', + 'aria-current', + 'aria-disabled', + 'aria-expanded', + 'aria-invalid', + 'aria-pressed', + 'aria-selected', + 'data-active', + 'data-checked', + 'data-disabled', + 'data-loading', + 'data-pressed', + 'data-selected', + 'data-state' +]); + +function propertyContract(propertyName) { + const described = describeProperty(propertyName); + return { + custom: described.custom, + name: described.custom ? propertyName : described.basename + }; +} function entryKey({ selector, property }) { return `${selector}\u0000${property}`; @@ -68,6 +140,9 @@ export function validateAllowlist({ target, entries, expectedOwner, now = new Da if (fields.join('\u0000') !== allowlistFields.join('\u0000')) { throw new Error(`${target} allowlist entries must contain exactly ${allowlistFields.join(', ')}.`); } + if (allowlistFields.some((field) => typeof entry[field] !== 'string')) { + throw new Error(`${target} allowlist entries must use string fields.`); + } if (entry.selector.includes('*') || entry.property.includes('*')) { throw new Error(`${target} allowlist entries must not contain wildcards.`); } @@ -103,20 +178,45 @@ function selectorOwnsPageTopology(rule, manifest) { const structuralNames = new Set([ ...(manifest.classApi?.deprecatedStructuralSuffixes ?? []), 'container', + 'content', + 'grid', 'layout', 'main', + 'page', + 'section', 'shell', + 'split', + 'stack', 'wrapper' ]); + const componentSuffixes = new Set([ + ...(manifest.classApi?.universalVisualSuffixes ?? []), + ...Object.values(manifest.classApi?.presetExtras ?? {}).flat() + ]); let ownsPageTopology = false; walk(rule.prelude, { enter(node) { - if (node.type === 'TypeSelector' && ['body', 'main'].includes(node.name)) { + if (node.type === 'TypeSelector' && ['body', 'html', 'main', 'section'].includes(node.name.toLowerCase())) { ownsPageTopology = true; } + if (node.type === 'IdSelector' && ['app', 'layout', 'main', 'page', 'root', 'shell'].includes(node.name.toLowerCase())) { + ownsPageTopology = true; + } + if (node.type === 'AttributeSelector') { + const attributeName = node.name.name.toLowerCase(); + const attributeValue = node.value?.name?.toLowerCase() ?? node.value?.value?.toLowerCase(); + if (['data-layout', 'data-page', 'data-shell'].includes(attributeName) || + (attributeName === 'role' && attributeValue === 'main')) { + ownsPageTopology = true; + } + } if (node.type !== 'ClassSelector') return; + if ([...componentSuffixes].some((suffix) => node.name === suffix || node.name.endsWith(`-${suffix}`))) { + return; + } + const classSegments = node.name.split(/[-_]/); if (classSegments.some((segment) => structuralNames.has(segment))) { ownsPageTopology = true; @@ -127,18 +227,48 @@ function selectorOwnsPageTopology(rule, manifest) { return ownsPageTopology; } -function ruleForDeclaration({ target, selector, property, rule, manifest }) { +function selectorHasState(rule, manifest) { + const manifestClasses = manifest.selectors?.stateClasses ?? []; + const stateClasses = new Set([ + ...commonStateClasses, + ...manifestClasses.map((selector) => selector.replace(/^\./, '').toLowerCase()) + ]); + let stateful = false; + + // Walking the selector AST also inspects states nested inside :is(), :where(), and :not(). + walk(rule.prelude, { + enter(node) { + if (node.type === 'PseudoClassSelector' && nativeStatePseudos.has(node.name.toLowerCase())) { + stateful = true; + } + if (node.type === 'ClassSelector' && stateClasses.has(node.name.toLowerCase())) { + stateful = true; + } + if (node.type === 'AttributeSelector' && stateAttributes.has(node.name.name.toLowerCase())) { + stateful = true; + } + } + }); + + return stateful; +} + +function isMechanicsProperty(property) { + return ['rotate', 'scale', 'transform', 'translate'].includes(property) || + /^(?:animation|transition)(?:-|$)/.test(property); +} + +function ruleForDeclaration({ target, property, rule, manifest }) { if (target === 'ui-visual') { if (gridTopologyProperties.has(property)) return 'ui-page-topology'; - if (majorSizingProperties.has(property) && selectorOwnsPageTopology(rule, manifest)) { + if (pagePlacementProperties.has(property) && selectorOwnsPageTopology(rule, manifest)) { return 'ui-page-topology'; } return null; } if (target === 'interaction-theme') { - if (property.startsWith('--')) return null; - if (mechanicsProperties.has(property) || stateSelectorPattern.test(selector)) { + if (isMechanicsProperty(property) || selectorHasState(rule, manifest)) { return 'ui-interaction-mechanics'; } return null; @@ -169,16 +299,18 @@ export function auditOwnership({ target, css, manifest, allowlist, now = new Dat if (node.type !== 'Declaration') return; declarationCount += 1; + const property = propertyContract(node.property); + if (property.custom) return; + const violationRule = ruleForDeclaration({ target, - selector, - property: node.property, + property: property.name, rule, manifest }); if (!violationRule) return; - const key = entryKey({ selector, property: node.property }); + const key = entryKey({ selector, property: property.name }); if (allowlistByKey.has(key)) { matchedKeys.add(key); return; @@ -187,7 +319,7 @@ export function auditOwnership({ target, css, manifest, allowlist, now = new Dat violations.push({ target, selector, - property: node.property, + property: property.name, line: node.loc.start.line, rule: violationRule }); diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index 6ad8ed9..678908d 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -28,7 +28,7 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.ownership.status, 'temporary'); assert.equal( compatibility.packageSources['layout-style-css'].revision, - '4332a21a6b0eff8f7756e086b487dbb9a517e8fc', + 'e8aebc66b6a1616984d121d3a8042a1a0db6eba8', 'The ecosystem fixture must pin the Layout commit with the reviewed public geometry inventory.' ); assert.deepEqual( diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 6f17e0d..00761ea 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -69,11 +69,11 @@ test('ecosystem compatibility pins immutable companion sources', () => { 'ui-style-kit-css': { checkout: 'current' }, 'interactive-surface-css': { repository: 'Foscat/Interactive-Surface-CSS', - revision: '6512911710743dfef47f339f206a635703156ead' + revision: 'a6b24e977cceea47f02e759d004b14bd6c8fd70f' }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: '4332a21a6b0eff8f7756e086b487dbb9a517e8fc' + revision: 'e8aebc66b6a1616984d121d3a8042a1a0db6eba8' } }); diff --git a/tests/ownership-boundaries.test.js b/tests/ownership-boundaries.test.js index 0830eaf..627738c 100644 --- a/tests/ownership-boundaries.test.js +++ b/tests/ownership-boundaries.test.js @@ -24,6 +24,8 @@ test('visual-only rejects page topology while a reviewed component exception is const css = ` .saas-page { max-width: 72rem; } .saas-page-content { width: 100%; } + #app { width: 100%; } + main { position: absolute; } .bento-grid-feature { grid-template-columns: repeat(6, 1fr); } `; const result = auditOwnership({ @@ -48,6 +50,20 @@ test('visual-only rejects page topology while a reviewed component exception is property: 'width', line: 3, rule: 'ui-page-topology' + }, + { + target: 'ui-visual', + selector: '#app', + property: 'width', + line: 4, + rule: 'ui-page-topology' + }, + { + target: 'ui-visual', + selector: 'main', + property: 'position', + line: 5, + rule: 'ui-page-topology' } ]); assert.equal(result.matchedAllowlistCount, 1); @@ -56,7 +72,7 @@ test('visual-only rejects page topology while a reviewed component exception is test('visual-only rejects unreviewed grid topology and placement', () => { const result = auditOwnership({ target: 'ui-visual', - css: '.bento-tile { grid-area: span 2 / span 4; grid-column: span 2; }', + css: '.bento-tile { grid-area: span 2 / span 4; grid-column: span 2; grid: auto / 1fr; }', manifest: { classApi: { deprecatedStructuralSuffixes: [] } }, allowlist: [], now: reviewedAt @@ -76,14 +92,25 @@ test('visual-only rejects unreviewed grid topology and placement', () => { property: 'grid-column', line: 1, rule: 'ui-page-topology' + }, + { + target: 'ui-visual', + selector: '.bento-tile', + property: 'grid', + line: 1, + rule: 'ui-page-topology' } ]); }); test('interaction theme rejects state mechanics but permits static theme application', () => { const css = ` - .interactive-surface { color: var(--interactive-surface-fg); } + .interactive-surface { color: var(--interactive-surface-fg); --Theme-Paint: red; } .interactive-surface:hover { translate: 0 -2px; } + input:checked { opacity: .8; } + .is-selected { color: red; } + [data-state="active"] { --State-Paint: red; background: red; } + .interactive-surface { TRANSFORM: scale(1.05); } `; const result = auditOwnership({ target: 'interaction-theme', @@ -100,17 +127,57 @@ test('interaction theme rejects state mechanics but permits static theme applica property: 'translate', line: 3, rule: 'ui-interaction-mechanics' + }, + { + target: 'interaction-theme', + selector: 'input:checked', + property: 'opacity', + line: 4, + rule: 'ui-interaction-mechanics' + }, + { + target: 'interaction-theme', + selector: '.is-selected', + property: 'color', + line: 5, + rule: 'ui-interaction-mechanics' + }, + { + target: 'interaction-theme', + selector: '[data-state="active"]', + property: 'background', + line: 6, + rule: 'ui-interaction-mechanics' + }, + { + target: 'interaction-theme', + selector: '.interactive-surface', + property: 'transform', + line: 7, + rule: 'ui-interaction-mechanics' } ]); }); -test('allowlist rejects stale, duplicate, wildcard, unexplained, and unmatched entries', () => { +test('allowlist rejects every malformed, stale, broad, duplicate, and unmatched mutation', () => { + const missingReason = exception(); + delete missingReason.reason; const cases = [ { name: 'stale', entries: [exception({ reviewDate: '2025-01-01' })], message: /stale reviewDate/ }, + { + name: 'future', + entries: [exception({ reviewDate: '2026-08-09' })], + message: /stale reviewDate/ + }, + { + name: 'invalid date', + entries: [exception({ reviewDate: '2026-02-30' })], + message: /ISO date/ + }, { name: 'duplicate', entries: [exception(), exception()], @@ -121,10 +188,35 @@ test('allowlist rejects stale, duplicate, wildcard, unexplained, and unmatched e entries: [exception({ selector: '.bento-*' })], message: /must not contain wildcards/ }, + { + name: 'property wildcard', + entries: [exception({ property: 'grid-*' })], + message: /must not contain wildcards/ + }, { name: 'unexplained', entries: [exception({ reason: 'Needed.' })], message: /professional reason/ + }, + { + name: 'wrong owner', + entries: [exception({ owner: 'layout-style-css' })], + message: /owner must be ui-style-kit-css/ + }, + { + name: 'missing field', + entries: [missingReason], + message: /contain exactly/ + }, + { + name: 'extra field', + entries: [exception({ ticket: 'UI-42' })], + message: /contain exactly/ + }, + { + name: 'non-string field', + entries: [exception({ reason: null })], + message: /string fields/ } ]; From e7b2cc3f0fa2cc28a4d5416d075f21717baa7158 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 18:50:06 -0500 Subject: [PATCH 15/42] chore: refresh layout compatibility pin --- ecosystem-compatibility.json | 2 +- tests/ecosystem-compatibility.test.js | 2 +- tests/ecosystem-manifest-schema.test.js | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index 0b95317..bf88fd2 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -13,7 +13,7 @@ }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "e8aebc66b6a1616984d121d3a8042a1a0db6eba8" + "revision": "ae6d5aee64d68d12db921398efe9bfd625940423" } }, "packages": [ diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index 678908d..79df2f3 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -28,7 +28,7 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.ownership.status, 'temporary'); assert.equal( compatibility.packageSources['layout-style-css'].revision, - 'e8aebc66b6a1616984d121d3a8042a1a0db6eba8', + 'ae6d5aee64d68d12db921398efe9bfd625940423', 'The ecosystem fixture must pin the Layout commit with the reviewed public geometry inventory.' ); assert.deepEqual( diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 00761ea..fe89e48 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -73,7 +73,7 @@ test('ecosystem compatibility pins immutable companion sources', () => { }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: 'e8aebc66b6a1616984d121d3a8042a1a0db6eba8' + revision: 'ae6d5aee64d68d12db921398efe9bfd625940423' } }); From d8dbd08b7500e20555e50fd07f6b7a71392527c1 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 19:06:49 -0500 Subject: [PATCH 16/42] fix: complete css ownership policy --- ecosystem-compatibility.json | 4 +- scripts/check-css-ownership.mjs | 122 +++++++++++++++++------- tests/ecosystem-compatibility.test.js | 2 +- tests/ecosystem-manifest-schema.test.js | 4 +- tests/ownership-boundaries.test.js | 48 +++++++++- 5 files changed, 135 insertions(+), 45 deletions(-) diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index bf88fd2..03c5965 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -9,11 +9,11 @@ "ui-style-kit-css": { "checkout": "current" }, "interactive-surface-css": { "repository": "Foscat/Interactive-Surface-CSS", - "revision": "a6b24e977cceea47f02e759d004b14bd6c8fd70f" + "revision": "b479f32f8e509e542e9c281598dbb5bb42b574f9" }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "ae6d5aee64d68d12db921398efe9bfd625940423" + "revision": "aa9343821b1aa2b765412ba473a4529b3f445471" } }, "packages": [ diff --git a/scripts/check-css-ownership.mjs b/scripts/check-css-ownership.mjs index 655e4c4..ace2304 100644 --- a/scripts/check-css-ownership.mjs +++ b/scripts/check-css-ownership.mjs @@ -72,12 +72,14 @@ const nativeStatePseudos = new Set([ 'open', 'optional', 'placeholder-shown', + 'popover-open', 'read-only', 'read-write', 'required', 'target', 'user-invalid', - 'valid' + 'valid', + 'visited' ]); const commonStateClasses = new Set([ 'is-active', @@ -90,6 +92,7 @@ const commonStateClasses = new Set([ 'is-selected' ]); const stateAttributes = new Set([ + 'disabled', 'aria-busy', 'aria-checked', 'aria-current', @@ -173,6 +176,65 @@ export function validateAllowlist({ target, entries, expectedOwner, now = new Da } } +function manifestComponentClasses(manifest) { + const componentClasses = new Set(); + const universalSuffixes = manifest.classApi?.universalVisualSuffixes ?? []; + + for (const preset of manifest.presets ?? []) { + for (const suffix of universalSuffixes) { + componentClasses.add(`${preset.prefix}-${suffix}`); + } + for (const suffix of manifest.classApi?.presetExtras?.[preset.id] ?? []) { + componentClasses.add(`${preset.prefix}-${suffix}`); + } + } + + return componentClasses; +} + +function rightmostCompound(selector) { + const nodes = [...selector.children]; + let subjectStart = 0; + nodes.forEach((node, index) => { + if (node.type === 'Combinator') subjectStart = index + 1; + }); + return nodes.slice(subjectStart); +} + +function selectorListHasPageSubject(selectorList, context) { + for (const selector of selectorList.children) { + if (rightmostCompound(selector).some((node) => subjectNodeOwnsPageTopology(node, context))) { + return true; + } + } + return false; +} + +function subjectNodeOwnsPageTopology(node, context) { + if (node.type === 'TypeSelector') { + return ['body', 'html', 'main', 'section'].includes(node.name.toLowerCase()); + } + if (node.type === 'IdSelector') { + return ['app', 'layout', 'main', 'page', 'root', 'shell'].includes(node.name.toLowerCase()); + } + if (node.type === 'AttributeSelector') { + const attributeName = node.name.name.toLowerCase(); + const attributeValue = node.value?.name?.toLowerCase() ?? node.value?.value?.toLowerCase(); + return ['data-layout', 'data-page', 'data-shell'].includes(attributeName) || + (attributeName === 'role' && attributeValue === 'main'); + } + if (node.type === 'ClassSelector') { + if (context.componentClasses.has(node.name)) return false; + return node.name.split(/[-_]/).some((segment) => context.structuralNames.has(segment)); + } + if (node.type === 'PseudoClassSelector' && ['is', 'where'].includes(node.name.toLowerCase())) { + for (const child of node.children ?? []) { + if (child.type === 'SelectorList' && selectorListHasPageSubject(child, context)) return true; + } + } + return false; +} + function selectorOwnsPageTopology(rule, manifest) { // Manifest-owned legacy suffixes remain the authoritative structural vocabulary. const structuralNames = new Set([ @@ -189,49 +251,39 @@ function selectorOwnsPageTopology(rule, manifest) { 'stack', 'wrapper' ]); - const componentSuffixes = new Set([ - ...(manifest.classApi?.universalVisualSuffixes ?? []), - ...Object.values(manifest.classApi?.presetExtras ?? {}).flat() - ]); - let ownsPageTopology = false; - - walk(rule.prelude, { - enter(node) { - if (node.type === 'TypeSelector' && ['body', 'html', 'main', 'section'].includes(node.name.toLowerCase())) { - ownsPageTopology = true; - } - if (node.type === 'IdSelector' && ['app', 'layout', 'main', 'page', 'root', 'shell'].includes(node.name.toLowerCase())) { - ownsPageTopology = true; - } - if (node.type === 'AttributeSelector') { - const attributeName = node.name.name.toLowerCase(); - const attributeValue = node.value?.name?.toLowerCase() ?? node.value?.value?.toLowerCase(); - if (['data-layout', 'data-page', 'data-shell'].includes(attributeName) || - (attributeName === 'role' && attributeValue === 'main')) { - ownsPageTopology = true; - } - } - if (node.type !== 'ClassSelector') return; - - if ([...componentSuffixes].some((suffix) => node.name === suffix || node.name.endsWith(`-${suffix}`))) { - return; - } + return selectorListHasPageSubject(rule.prelude, { + componentClasses: manifestComponentClasses(manifest), + structuralNames + }); +} - const classSegments = node.name.split(/[-_]/); - if (classSegments.some((segment) => structuralNames.has(segment))) { - ownsPageTopology = true; +function manifestStateClasses(manifest) { + const stateSuffixes = new Set([...commonStateClasses].map((name) => name.replace(/^is-/, ''))); + const manifestClasses = new Set([ + ...(manifest.selectors?.stateClasses ?? []), + ...(manifest.classApi?.stateClasses ?? []) + ].map((selector) => selector.replace(/^\./, '').toLowerCase())); + + for (const preset of manifest.presets ?? []) { + const suffixes = [ + ...(manifest.classApi?.universalVisualSuffixes ?? []), + ...(manifest.classApi?.presetExtras?.[preset.id] ?? []) + ]; + for (const suffix of suffixes) { + if (stateSuffixes.has(suffix) || + [...stateSuffixes].some((state) => suffix.endsWith(`-${state}`))) { + manifestClasses.add(`${preset.prefix}-${suffix}`.toLowerCase()); } } - }); + } - return ownsPageTopology; + return manifestClasses; } function selectorHasState(rule, manifest) { - const manifestClasses = manifest.selectors?.stateClasses ?? []; const stateClasses = new Set([ ...commonStateClasses, - ...manifestClasses.map((selector) => selector.replace(/^\./, '').toLowerCase()) + ...manifestStateClasses(manifest) ]); let stateful = false; diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index 79df2f3..17f2c76 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -28,7 +28,7 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.ownership.status, 'temporary'); assert.equal( compatibility.packageSources['layout-style-css'].revision, - 'ae6d5aee64d68d12db921398efe9bfd625940423', + 'aa9343821b1aa2b765412ba473a4529b3f445471', 'The ecosystem fixture must pin the Layout commit with the reviewed public geometry inventory.' ); assert.deepEqual( diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index fe89e48..3577286 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -69,11 +69,11 @@ test('ecosystem compatibility pins immutable companion sources', () => { 'ui-style-kit-css': { checkout: 'current' }, 'interactive-surface-css': { repository: 'Foscat/Interactive-Surface-CSS', - revision: 'a6b24e977cceea47f02e759d004b14bd6c8fd70f' + revision: 'b479f32f8e509e542e9c281598dbb5bb42b574f9' }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: 'ae6d5aee64d68d12db921398efe9bfd625940423' + revision: 'aa9343821b1aa2b765412ba473a4529b3f445471' } }); diff --git a/tests/ownership-boundaries.test.js b/tests/ownership-boundaries.test.js index 627738c..d915300 100644 --- a/tests/ownership-boundaries.test.js +++ b/tests/ownership-boundaries.test.js @@ -24,6 +24,8 @@ test('visual-only rejects page topology while a reviewed component exception is const css = ` .saas-page { max-width: 72rem; } .saas-page-content { width: 100%; } + .saas-page-card { width: 72rem; } + .page .saas-card { width: 100%; } #app { width: 100%; } main { position: absolute; } .bento-grid-feature { grid-template-columns: repeat(6, 1fr); } @@ -31,7 +33,14 @@ test('visual-only rejects page topology while a reviewed component exception is const result = auditOwnership({ target: 'ui-visual', css, - manifest: { classApi: { deprecatedStructuralSuffixes: ['page'] } }, + manifest: { + presets: [{ id: 'minimal-saas', prefix: 'saas' }], + classApi: { + deprecatedStructuralSuffixes: ['page'], + universalVisualSuffixes: ['card'], + presetExtras: { 'minimal-saas': [] } + } + }, allowlist: [exception()], now: reviewedAt }); @@ -53,16 +62,23 @@ test('visual-only rejects page topology while a reviewed component exception is }, { target: 'ui-visual', - selector: '#app', + selector: '.saas-page-card', property: 'width', line: 4, rule: 'ui-page-topology' }, + { + target: 'ui-visual', + selector: '#app', + property: 'width', + line: 6, + rule: 'ui-page-topology' + }, { target: 'ui-visual', selector: 'main', property: 'position', - line: 5, + line: 7, rule: 'ui-page-topology' } ]); @@ -110,12 +126,20 @@ test('interaction theme rejects state mechanics but permits static theme applica input:checked { opacity: .8; } .is-selected { color: red; } [data-state="active"] { --State-Paint: red; background: red; } + :is(a:visited, button:popover-open) { color: purple; } + :where(button[disabled], .saas-disabled) { --State-Opacity: .5; opacity: .5; } .interactive-surface { TRANSFORM: scale(1.05); } `; const result = auditOwnership({ target: 'interaction-theme', css, - manifest: {}, + manifest: { + presets: [{ id: 'minimal-saas', prefix: 'saas' }], + classApi: { + universalVisualSuffixes: ['disabled'], + presetExtras: { 'minimal-saas': [] } + } + }, allowlist: [], now: reviewedAt }); @@ -149,11 +173,25 @@ test('interaction theme rejects state mechanics but permits static theme applica line: 6, rule: 'ui-interaction-mechanics' }, + { + target: 'interaction-theme', + selector: ':is(a:visited,button:popover-open)', + property: 'color', + line: 7, + rule: 'ui-interaction-mechanics' + }, + { + target: 'interaction-theme', + selector: ':where(button[disabled],.saas-disabled)', + property: 'opacity', + line: 8, + rule: 'ui-interaction-mechanics' + }, { target: 'interaction-theme', selector: '.interactive-surface', property: 'transform', - line: 7, + line: 9, rule: 'ui-interaction-mechanics' } ]); From d7fa37083fcf175303ff158188b265b75539a14f Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 19:23:52 -0500 Subject: [PATCH 17/42] fix: seal css ownership fallbacks --- ecosystem-compatibility.json | 4 +- scripts/check-css-ownership.mjs | 8 +++ tests/ecosystem-compatibility.test.js | 2 +- tests/ecosystem-manifest-schema.test.js | 4 +- tests/ownership-boundaries.test.js | 75 ++++++++++++++++++++++++- 5 files changed, 87 insertions(+), 6 deletions(-) diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index 03c5965..d94a153 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -9,11 +9,11 @@ "ui-style-kit-css": { "checkout": "current" }, "interactive-surface-css": { "repository": "Foscat/Interactive-Surface-CSS", - "revision": "b479f32f8e509e542e9c281598dbb5bb42b574f9" + "revision": "0f6c05dadfb5a46bc08a9404b7c566055b359b39" }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "aa9343821b1aa2b765412ba473a4529b3f445471" + "revision": "7b09f0d9090e8101b6772c21365caf0be3ddda4b" } }, "packages": [ diff --git a/scripts/check-css-ownership.mjs b/scripts/check-css-ownership.mjs index ace2304..4cc077e 100644 --- a/scripts/check-css-ownership.mjs +++ b/scripts/check-css-ownership.mjs @@ -60,6 +60,7 @@ const pagePlacementProperties = new Set([ ]); const nativeStatePseudos = new Set([ 'active', + 'any-link', 'checked', 'disabled', 'enabled', @@ -91,8 +92,15 @@ const commonStateClasses = new Set([ 'is-pressed', 'is-selected' ]); +// Reflected native attributes are state selectors even when no pseudo-class is used. const stateAttributes = new Set([ + 'checked', 'disabled', + 'hidden', + 'open', + 'readonly', + 'required', + 'selected', 'aria-busy', 'aria-checked', 'aria-current', diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index 17f2c76..9d17b6e 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -28,7 +28,7 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.ownership.status, 'temporary'); assert.equal( compatibility.packageSources['layout-style-css'].revision, - 'aa9343821b1aa2b765412ba473a4529b3f445471', + '7b09f0d9090e8101b6772c21365caf0be3ddda4b', 'The ecosystem fixture must pin the Layout commit with the reviewed public geometry inventory.' ); assert.deepEqual( diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 3577286..b40bddf 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -69,11 +69,11 @@ test('ecosystem compatibility pins immutable companion sources', () => { 'ui-style-kit-css': { checkout: 'current' }, 'interactive-surface-css': { repository: 'Foscat/Interactive-Surface-CSS', - revision: 'b479f32f8e509e542e9c281598dbb5bb42b574f9' + revision: '0f6c05dadfb5a46bc08a9404b7c566055b359b39' }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: 'aa9343821b1aa2b765412ba473a4529b3f445471' + revision: '7b09f0d9090e8101b6772c21365caf0be3ddda4b' } }); diff --git a/tests/ownership-boundaries.test.js b/tests/ownership-boundaries.test.js index d915300..2b947fb 100644 --- a/tests/ownership-boundaries.test.js +++ b/tests/ownership-boundaries.test.js @@ -128,6 +128,12 @@ test('interaction theme rejects state mechanics but permits static theme applica [data-state="active"] { --State-Paint: red; background: red; } :is(a:visited, button:popover-open) { color: purple; } :where(button[disabled], .saas-disabled) { --State-Opacity: .5; opacity: .5; } + :is(.surface, a:any-link) { opacity: .8; } + :where(.surface, details[open]) { opacity: .8; } + :not(input[checked]) { opacity: .8; } + :is(input[required]) { opacity: .8; } + :where(option[selected]) { opacity: .8; } + :is(textarea[readonly], [hidden]) { opacity: .8; } .interactive-surface { TRANSFORM: scale(1.05); } `; const result = auditOwnership({ @@ -187,16 +193,83 @@ test('interaction theme rejects state mechanics but permits static theme applica line: 8, rule: 'ui-interaction-mechanics' }, + { + target: 'interaction-theme', + selector: ':is(.surface,a:any-link)', + property: 'opacity', + line: 9, + rule: 'ui-interaction-mechanics' + }, + { + target: 'interaction-theme', + selector: ':where(.surface,details[open])', + property: 'opacity', + line: 10, + rule: 'ui-interaction-mechanics' + }, + { + target: 'interaction-theme', + selector: ':not(input[checked])', + property: 'opacity', + line: 11, + rule: 'ui-interaction-mechanics' + }, + { + target: 'interaction-theme', + selector: ':is(input[required])', + property: 'opacity', + line: 12, + rule: 'ui-interaction-mechanics' + }, + { + target: 'interaction-theme', + selector: ':where(option[selected])', + property: 'opacity', + line: 13, + rule: 'ui-interaction-mechanics' + }, + { + target: 'interaction-theme', + selector: ':is(textarea[readonly],[hidden])', + property: 'opacity', + line: 14, + rule: 'ui-interaction-mechanics' + }, { target: 'interaction-theme', selector: '.interactive-surface', property: 'transform', - line: 9, + line: 15, rule: 'ui-interaction-mechanics' } ]); }); +test('interaction theme recognizes every reflected native state inside functional selectors', () => { + const selectors = [ + ':is(.surface,a:any-link)', + ':where(.surface,details[open])', + ':not(input[checked])', + ':is(.surface,input[required])', + ':where(.surface,option[selected])', + ':is(.surface,textarea[readonly])', + ':where(.surface,[hidden])' + ]; + + for (const selector of selectors) { + const result = auditOwnership({ + target: 'interaction-theme', + css: `${selector} { opacity: .8; }`, + manifest: {}, + allowlist: [], + now: reviewedAt + }); + + assert.equal(result.violations.length, 1, selector); + assert.equal(result.violations[0].selector, selector); + } +}); + test('allowlist rejects every malformed, stale, broad, duplicate, and unmatched mutation', () => { const missingReason = exception(); delete missingReason.reason; From e9a1b7f5be181659a9b78199cee933ada5b41c12 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 19:38:39 -0500 Subject: [PATCH 18/42] fix: align css ownership states --- ecosystem-compatibility.json | 4 +- scripts/check-css-ownership.mjs | 61 +++++++++++++++--- tests/ecosystem-compatibility.test.js | 2 +- tests/ecosystem-manifest-schema.test.js | 4 +- tests/ownership-boundaries.test.js | 83 ++++++++++++++++++++++++- 5 files changed, 141 insertions(+), 13 deletions(-) diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index d94a153..61710f8 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -9,11 +9,11 @@ "ui-style-kit-css": { "checkout": "current" }, "interactive-surface-css": { "repository": "Foscat/Interactive-Surface-CSS", - "revision": "0f6c05dadfb5a46bc08a9404b7c566055b359b39" + "revision": "a2afc2ff2a54c22727e3a3c3006e24ed731daa43" }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "7b09f0d9090e8101b6772c21365caf0be3ddda4b" + "revision": "6a55f76a4e7e7826c42ff8ce2e53d26c46fda544" } }, "packages": [ diff --git a/scripts/check-css-ownership.mjs b/scripts/check-css-ownership.mjs index 4cc077e..0779574 100644 --- a/scripts/check-css-ownership.mjs +++ b/scripts/check-css-ownership.mjs @@ -92,6 +92,9 @@ const commonStateClasses = new Set([ 'is-pressed', 'is-selected' ]); +const commonStateSuffixes = new Set( + [...commonStateClasses].map((name) => name.replace(/^is-/, '')) +); // Reflected native attributes are state selectors even when no pseudo-class is used. const stateAttributes = new Set([ 'checked', @@ -106,6 +109,7 @@ const stateAttributes = new Set([ 'aria-current', 'aria-disabled', 'aria-expanded', + 'aria-hidden', 'aria-invalid', 'aria-pressed', 'aria-selected', @@ -117,6 +121,40 @@ const stateAttributes = new Set([ 'data-selected', 'data-state' ]); +const sharedStateClassVocabulary = new Set([ + 'active', + 'any-link', + 'busy', + 'busy-loading', + 'checked', + 'current', + 'disabled', + 'enabled', + 'expanded', + 'focus', + 'focus-visible', + 'focus-within', + 'hidden', + 'hover', + 'indeterminate', + 'invalid', + 'loading', + 'open', + 'optional', + 'persistent', + 'placeholder-shown', + 'popover-open', + 'pressed', + 'read-only', + 'read-write', + 'readonly', + 'required', + 'selected', + 'target', + 'user-invalid', + 'valid', + 'visited' +]); function propertyContract(propertyName) { const described = describeProperty(propertyName); @@ -266,7 +304,6 @@ function selectorOwnsPageTopology(rule, manifest) { } function manifestStateClasses(manifest) { - const stateSuffixes = new Set([...commonStateClasses].map((name) => name.replace(/^is-/, ''))); const manifestClasses = new Set([ ...(manifest.selectors?.stateClasses ?? []), ...(manifest.classApi?.stateClasses ?? []) @@ -278,8 +315,8 @@ function manifestStateClasses(manifest) { ...(manifest.classApi?.presetExtras?.[preset.id] ?? []) ]; for (const suffix of suffixes) { - if (stateSuffixes.has(suffix) || - [...stateSuffixes].some((state) => suffix.endsWith(`-${state}`))) { + if (commonStateSuffixes.has(suffix) || + [...commonStateSuffixes].some((state) => suffix.endsWith(`-${state}`))) { manifestClasses.add(`${preset.prefix}-${suffix}`.toLowerCase()); } } @@ -289,9 +326,15 @@ function manifestStateClasses(manifest) { } function selectorHasState(rule, manifest) { - const stateClasses = new Set([ + const manifestClasses = manifestStateClasses(manifest); + const exactStateClasses = new Set([ ...commonStateClasses, - ...manifestStateClasses(manifest) + ...sharedStateClassVocabulary, + ...manifestClasses + ]); + const stateVocabulary = new Set([ + ...sharedStateClassVocabulary, + ...manifestClasses ]); let stateful = false; @@ -301,8 +344,12 @@ function selectorHasState(rule, manifest) { if (node.type === 'PseudoClassSelector' && nativeStatePseudos.has(node.name.toLowerCase())) { stateful = true; } - if (node.type === 'ClassSelector' && stateClasses.has(node.name.toLowerCase())) { - stateful = true; + if (node.type === 'ClassSelector') { + const className = node.name.toLowerCase(); + const hasBoundarySuffix = [...stateVocabulary].some( + (state) => className.endsWith(`-${state}`) || className.endsWith(`_${state}`) + ); + if (exactStateClasses.has(className) || hasBoundarySuffix) stateful = true; } if (node.type === 'AttributeSelector' && stateAttributes.has(node.name.name.toLowerCase())) { stateful = true; diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index 9d17b6e..beffc2d 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -28,7 +28,7 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.ownership.status, 'temporary'); assert.equal( compatibility.packageSources['layout-style-css'].revision, - '7b09f0d9090e8101b6772c21365caf0be3ddda4b', + '6a55f76a4e7e7826c42ff8ce2e53d26c46fda544', 'The ecosystem fixture must pin the Layout commit with the reviewed public geometry inventory.' ); assert.deepEqual( diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index b40bddf..0306fa2 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -69,11 +69,11 @@ test('ecosystem compatibility pins immutable companion sources', () => { 'ui-style-kit-css': { checkout: 'current' }, 'interactive-surface-css': { repository: 'Foscat/Interactive-Surface-CSS', - revision: '0f6c05dadfb5a46bc08a9404b7c566055b359b39' + revision: 'a2afc2ff2a54c22727e3a3c3006e24ed731daa43' }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: '7b09f0d9090e8101b6772c21365caf0be3ddda4b' + revision: '6a55f76a4e7e7826c42ff8ce2e53d26c46fda544' } }); diff --git a/tests/ownership-boundaries.test.js b/tests/ownership-boundaries.test.js index 2b947fb..409cf83 100644 --- a/tests/ownership-boundaries.test.js +++ b/tests/ownership-boundaries.test.js @@ -253,7 +253,16 @@ test('interaction theme recognizes every reflected native state inside functiona ':is(.surface,input[required])', ':where(.surface,option[selected])', ':is(.surface,textarea[readonly])', - ':where(.surface,[hidden])' + ':where(.surface,[hidden])', + ':is(.surface,[aria-busy="true"])', + ':is(.surface,[aria-checked="true"])', + ':is(.surface,[aria-current="true"])', + ':is(.surface,[aria-disabled="true"])', + ':is(.surface,[aria-expanded="true"])', + ':is(.surface,[aria-hidden="true"])', + ':is(.surface,[aria-invalid="true"])', + ':is(.surface,[aria-pressed="true"])', + ':is(.surface,[aria-selected="true"])' ]; for (const selector of selectors) { @@ -270,6 +279,78 @@ test('interaction theme recognizes every reflected native state inside functiona } }); +test('interaction theme recognizes exact and boundary-delimited state class vocabulary', () => { + const commonStates = [ + 'active', + 'any-link', + 'busy', + 'busy-loading', + 'checked', + 'current', + 'disabled', + 'enabled', + 'expanded', + 'focus', + 'focus-visible', + 'focus-within', + 'hidden', + 'hover', + 'indeterminate', + 'invalid', + 'loading', + 'open', + 'optional', + 'persistent', + 'placeholder-shown', + 'popover-open', + 'pressed', + 'read-only', + 'read-write', + 'readonly', + 'required', + 'selected', + 'target', + 'user-invalid', + 'valid', + 'visited' + ]; + + for (const state of commonStates) { + for (const selector of [`.${state}`, `.navigation-${state}`, `.navigation_${state}`]) { + const result = auditOwnership({ + target: 'interaction-theme', + css: `${selector} { --State-Opacity: .8; opacity: .8; }`, + manifest: {}, + allowlist: [], + now: reviewedAt + }); + + assert.equal(result.violations.length, 1, selector); + assert.equal(result.violations[0].property, 'opacity', selector); + } + } + + for (const selector of ['.custom-state', '.navigation-custom-state', '.navigation_custom-state']) { + const result = auditOwnership({ + target: 'interaction-theme', + css: `${selector} { opacity: .8; }`, + manifest: { selectors: { stateClasses: ['.custom-state'] } }, + allowlist: [], + now: reviewedAt + }); + assert.equal(result.violations.length, 1, selector); + } + + const controls = auditOwnership({ + target: 'interaction-theme', + css: '.card-static { opacity: .8; } .proactive { opacity: .8; } .undisabled { opacity: .8; } .selectedness { opacity: .8; }', + manifest: {}, + allowlist: [], + now: reviewedAt + }); + assert.deepEqual(controls.violations, []); +}); + test('allowlist rejects every malformed, stale, broad, duplicate, and unmatched mutation', () => { const missingReason = exception(); delete missingReason.reason; From d48a9d96210e48ba7d0163b8b8d053e95a4faac4 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 19:47:06 -0500 Subject: [PATCH 19/42] test: pin final state probe --- ecosystem-compatibility.json | 2 +- tests/ecosystem-manifest-schema.test.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index 61710f8..6d728bb 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -9,7 +9,7 @@ "ui-style-kit-css": { "checkout": "current" }, "interactive-surface-css": { "repository": "Foscat/Interactive-Surface-CSS", - "revision": "a2afc2ff2a54c22727e3a3c3006e24ed731daa43" + "revision": "efe73ec7cb1d24679cb2f50253492366d4aead13" }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 0306fa2..083cbca 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -69,7 +69,7 @@ test('ecosystem compatibility pins immutable companion sources', () => { 'ui-style-kit-css': { checkout: 'current' }, 'interactive-surface-css': { repository: 'Foscat/Interactive-Surface-CSS', - revision: 'a2afc2ff2a54c22727e3a3c3006e24ed731daa43' + revision: 'efe73ec7cb1d24679cb2f50253492366d4aead13' }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', From 72286fc27e4c3664ab05598a34c4dcf7e8267821 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 20:05:25 -0500 Subject: [PATCH 20/42] ci: verify ecosystem contract before release --- .github/workflows/ci.yml | 7 +- .github/workflows/npm-publish.yml | 11 + .../workflows/release-version-alignment.yml | 31 ++ docs/PUBLISHING.md | 4 +- package.json | 3 +- scripts/release-preflight.mjs | 351 ++++++++++++++++++ tests/package-integrity.test.js | 6 +- tests/release-preflight.test.js | 186 ++++++++++ 8 files changed, 589 insertions(+), 10 deletions(-) create mode 100644 scripts/release-preflight.mjs create mode 100644 tests/release-preflight.test.js diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index d73bed0..9ecb41d 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -107,11 +107,8 @@ jobs: run: npx playwright install --with-deps chromium # This PR-safe gate installs only packed artifacts and never publishes. - - name: Verify current packed ecosystem matrix - run: npm run check:ecosystem:current -- --layout-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS --layout-docs-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-docs-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS - - - name: Verify minimum published ecosystem matrix - run: npm run check:ecosystem:minimum + - name: Run PR-safe ecosystem release preflight + run: npm run release:preflight -- --layout-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS --layout-docs-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-docs-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS playwright: name: Playwright E2E diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml index e39f866..dbc6af4 100644 --- a/.github/workflows/npm-publish.yml +++ b/.github/workflows/npm-publish.yml @@ -213,6 +213,17 @@ jobs: working-directory: _ecosystem/Layout-Style-CSS run: npm ci + - name: Install Interactive Surface CSS dependencies for publish verification + if: steps.npm_version_check.outputs.already_published != 'true' + working-directory: _ecosystem/Interactive-Surface-CSS + run: npm ci + + # This read-only gate queries npm, packs the tag, validates all exports and + # maintained docs, then executes the reviewed current/minimum consumer matrix. + - name: Run ecosystem release preflight + if: steps.npm_version_check.outputs.already_published != 'true' + run: npm run release:preflight -- --layout-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS --layout-docs-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-docs-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS + - name: Publish package if: steps.npm_version_check.outputs.already_published != 'true' run: npm publish --access public diff --git a/.github/workflows/release-version-alignment.yml b/.github/workflows/release-version-alignment.yml index 7aea5a4..82ede20 100644 --- a/.github/workflows/release-version-alignment.yml +++ b/.github/workflows/release-version-alignment.yml @@ -49,6 +49,37 @@ jobs: - name: Run full UI matrix run: npm run test:matrix + - name: Resolve immutable ecosystem fixture sources + id: ecosystem_sources + shell: bash + run: node scripts/write-ecosystem-workflow-outputs.mjs + + - name: Checkout Layout Style CSS contract fixture + uses: actions/checkout@v6 + with: + repository: ${{ steps.ecosystem_sources.outputs.layout_repository }} + ref: ${{ steps.ecosystem_sources.outputs.layout_revision }} + path: _ecosystem/Layout-Style-CSS + + - name: Checkout Interactive Surface CSS contract fixture + uses: actions/checkout@v6 + with: + repository: ${{ steps.ecosystem_sources.outputs.interactive_repository }} + ref: ${{ steps.ecosystem_sources.outputs.interactive_revision }} + path: _ecosystem/Interactive-Surface-CSS + + - name: Install Layout Style CSS fixture dependencies + working-directory: _ecosystem/Layout-Style-CSS + run: npm ci + + - name: Install Interactive Surface CSS fixture dependencies + working-directory: _ecosystem/Interactive-Surface-CSS + run: npm ci + + # Tag and release creation remain downstream of the same read-only gate used by pull requests. + - name: Run ecosystem release preflight + run: npm run release:preflight -- --layout-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS --layout-docs-repo $GITHUB_WORKSPACE/_ecosystem/Layout-Style-CSS --interactive-docs-repo $GITHUB_WORKSPACE/_ecosystem/Interactive-Surface-CSS + - name: Restrict manual runs to main if: github.event_name == 'workflow_dispatch' && github.ref != 'refs/heads/main' shell: bash diff --git a/docs/PUBLISHING.md b/docs/PUBLISHING.md index 3616f5a..aa4fb5d 100644 --- a/docs/PUBLISHING.md +++ b/docs/PUBLISHING.md @@ -6,7 +6,9 @@ npm run release:verify ``` -`npm run release:verify` is the non-publishing release gate. It runs `npm run check`, `npm run test:e2e`, `npm run test:axe`, `npm run test:visual`, `npm run test:matrix`, `npm run check:ecosystem:packs`, `npm audit --audit-level=moderate`, and `npm run pack:dry-run`. +`npm run release:verify` is the non-publishing release gate. It runs `npm run check`, `npm run test:e2e`, `npm run test:axe`, `npm run test:visual`, `npm run test:matrix`, `npm run release:preflight`, `npm audit --audit-level=moderate`, and `npm run pack:dry-run`. + +`npm run release:preflight` validates the shared manifests and compatibility contract, queries npm for every exact minimum/current version, resolves every export from the candidate tarball, checks maintained documentation against installed packages, and reuses the current/minimum clean-install browser matrix. It performs no publish, tag, release, or deployment mutation and is therefore the release contract executed on pull requests. `npm run check` rebuilds dist CSS, runs stylelint, executes package, class API, shared theme-color, and vendor-prefix unit checks, validates core text/link contrast pairs and filled component `on-*` contrast pairs, and confirms package metadata. Browser gates cover regular demo flows, representative Axe scans, curated visual smoke checks, and the sharded 990-combination matrix. `npm run check:ecosystem:packs` verifies standalone, pairwise, and all-three packed package compatibility for the canonical visual/theme/state/layout imports and the deprecated bridge imports in both supported matrices. `npm run pack:dry-run` shows the exact files that would publish. diff --git a/package.json b/package.json index 9657e1e..977a217 100644 --- a/package.json +++ b/package.json @@ -180,10 +180,11 @@ "check:ecosystem:minimum": "node scripts/check-ecosystem-packs.mjs --matrix minimum --skip-docs", "check:ecosystem:packs": "npm run check:ecosystem:current && npm run check:ecosystem:minimum", "test:ecosystem:clean-install": "node --test tests/clean-install-ecosystem-contract.integration.mjs", + "release:preflight": "npm run build && node scripts/release-preflight.mjs --layout-repo ../Layout-Style-CSS --interactive-repo ../Interactive-Surface-CSS --layout-docs-repo ../Layout-Style-CSS --interactive-docs-repo ../Interactive-Surface-CSS", "check": "npm run build && npm run lint && npm run test:unit && npm run check:contrast && npm run check:ownership && npm run check:package", "pack:dry-run": "npm pack --dry-run", "prepack": "npm run check", - "release:verify": "npm run check && npm run test:e2e && npm run test:axe && npm run test:visual && npm run test:matrix && npm run check:ecosystem:packs && npm audit --audit-level=moderate && npm run pack:dry-run", + "release:verify": "npm run check && npm run test:e2e && npm run test:axe && npm run test:visual && npm run test:matrix && npm run release:preflight && npm audit --audit-level=moderate && npm run pack:dry-run", "prepublishOnly": "npm run release:verify", "release:patch": "npm version patch && npm publish", "release:minor": "npm version minor && npm publish", diff --git a/scripts/release-preflight.mjs b/scripts/release-preflight.mjs new file mode 100644 index 0000000..4f7a45e --- /dev/null +++ b/scripts/release-preflight.mjs @@ -0,0 +1,351 @@ +import assert from 'node:assert/strict'; +import { spawnSync } from 'node:child_process'; +import { createRequire } from 'node:module'; +import fs from 'node:fs'; +import os from 'node:os'; +import path from 'node:path'; +import { fileURLToPath, pathToFileURL } from 'node:url'; + +const scriptDir = path.dirname(fileURLToPath(import.meta.url)); +const defaultRoot = path.resolve(scriptDir, '..'); +const tempPrefix = 'css-ecosystem-release-preflight-'; +const packageKeys = { + 'ui-style-kit-css': 'ui', + 'interactive-surface-css': 'interactive', + 'layout-style-css': 'layout' +}; + +export async function verifyPublishedVersions(contract, { registryUrl = 'https://registry.npmjs.org' } = {}) { + const queries = new Map(); + for (const combination of Object.values(contract.supportedCombinations ?? {})) { + for (const [packageName, version] of Object.entries(combination)) { + queries.set(`${packageName}@${version}`, { packageName, version }); + } + } + + assert.ok(queries.size > 0, 'Compatibility contract must document at least one exact package version.'); + for (const { packageName, version } of queries.values()) { + const url = `${registryUrl.replace(/\/$/, '')}/${encodeURIComponent(packageName)}/${encodeURIComponent(version)}`; + let response; + try { + response = await fetch(url, { headers: { accept: 'application/json' } }); + } catch (error) { + throw new Error(`${packageName}@${version} does not exist exactly in ${registryUrl}: ${error.message}`); + } + + if (!response.ok) { + throw new Error(`${packageName}@${version} does not exist exactly in ${registryUrl} (HTTP ${response.status}).`); + } + const metadata = await response.json(); + if (metadata.version !== version) { + throw new Error( + `${packageName}@${version} does not exist exactly in ${registryUrl}; registry returned ${metadata.version ?? 'no version'}.` + ); + } + console.log(`PASS npm ${packageName}@${version}`); + } +} + +export function validateInstalledExports(consumerRoot, packageName) { + const resolver = createRequire(path.join(consumerRoot, 'package.json')); + const packageJsonPath = resolver.resolve(`${packageName}/package.json`); + const packageRoot = path.dirname(packageJsonPath); + const manifest = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8')); + const exportsMap = normalizeExports(manifest.exports); + const specifiers = new Set(); + + for (const [exportKey, target] of Object.entries(exportsMap)) { + const targets = collectExportTargets(target); + assert.ok(targets.length > 0, `${packageName} export ${exportKey} must expose at least one file target.`); + + if (exportKey.includes('*')) { + const wildcardTargets = targets.filter((value) => value.includes('*')); + assert.ok(wildcardTargets.length > 0, `${packageName} wildcard export ${exportKey} must map to a wildcard file target.`); + const substitutions = new Set(); + for (const wildcardTarget of wildcardTargets) { + for (const substitution of matchWildcardFiles(packageRoot, wildcardTarget)) { + substitutions.add(substitution); + } + } + assert.ok(substitutions.size > 0, `${packageName} wildcard export ${exportKey} must match a packed file.`); + for (const substitution of substitutions) { + const specifier = toPackageSpecifier(packageName, exportKey.replace('*', substitution)); + assertResolvedNonempty(resolver, specifier); + specifiers.add(specifier); + } + continue; + } + + for (const targetPath of targets) { + const resolvedTarget = path.join(packageRoot, targetPath.replace(/^\.\//, '')); + assertNonemptyFile(resolvedTarget, `${packageName} export ${exportKey}`); + } + const specifier = toPackageSpecifier(packageName, exportKey); + assertResolvedNonempty(resolver, specifier); + specifiers.add(specifier); + } + + return [...specifiers].sort(); +} + +export function validateWorkflowSources(workflows) { + const pullRequestWorkflows = workflows.filter(({ source }) => /^\s*pull_request\s*:/m.test(source)); + assert.ok(pullRequestWorkflows.length > 0, 'At least one workflow must validate pull requests.'); + + const mutationPatterns = [ + { label: 'npm publish', pattern: /^(?!\s*(?:name:|#)).*\bnpm\s+publish\b/m }, + { label: 'git push', pattern: /^(?!\s*(?:name:|#)).*\bgit\s+push\b/m }, + { label: 'git tag', pattern: /^(?!\s*(?:name:|#)).*\bgit\s+tag\b/m }, + { label: 'GitHub release', pattern: /(?:action-gh-release|\bgh\s+release\s+create\b)/ }, + { label: 'deployment', pattern: /actions\/(?:deploy-pages|upload-pages-artifact)@/ } + ]; + + for (const workflow of pullRequestWorkflows) { + for (const mutation of mutationPatterns) { + if (mutation.pattern.test(workflow.source)) { + throw new Error(`pull-request workflow ${workflow.name} enables forbidden mutation: ${mutation.label}`); + } + } + } + assert.ok( + pullRequestWorkflows.some(({ source }) => /\bnpm\s+run\s+release:preflight\b/.test(source)), + 'A pull-request workflow must execute npm run release:preflight.' + ); + + const releaseWorkflows = workflows.filter(({ name }) => /(?:npm-publish|release-version-alignment)\.ya?ml$/i.test(name)); + assert.ok(releaseWorkflows.length > 0, 'At least one package release workflow must be present.'); + for (const workflow of releaseWorkflows) { + const preflightIndex = workflow.source.search(/\bnpm\s+run\s+release:preflight\b/); + for (const mutation of mutationPatterns) { + const mutationIndex = workflow.source.search(mutation.pattern); + if (mutationIndex >= 0 && (preflightIndex < 0 || preflightIndex > mutationIndex)) { + throw new Error(`${workflow.name} must run release:preflight before ${mutation.label}`); + } + } + } +} + +export async function runReleasePreflight(rawArgs = process.argv.slice(2)) { + const options = parseArgs(rawArgs); + const fixtureRoot = path.resolve(options.fixtureRoot ?? defaultRoot); + const candidateRoot = path.resolve(options.candidateRoot ?? defaultRoot); + const candidatePackage = options.candidatePackage ?? readJson(path.join(candidateRoot, 'package.json')).name; + const candidateKey = packageKeys[candidatePackage]; + assert.ok(candidateKey, `Unsupported ecosystem candidate package: ${candidatePackage}`); + + const contractPath = path.join(fixtureRoot, 'ecosystem-compatibility.json'); + const schemaPath = path.join(fixtureRoot, 'scripts', 'ecosystem-manifest-schema.mjs'); + const checkerPath = path.join(fixtureRoot, 'scripts', 'check-ecosystem-packs.mjs'); + for (const requiredPath of [contractPath, schemaPath, checkerPath]) { + assertNonemptyFile(requiredPath, 'Reviewed ecosystem fixture'); + } + + const contract = readJson(contractPath); + const schema = await import(pathToFileURL(schemaPath)); + schema.validateEcosystemCompatibility(contract); + const candidateManifest = readJson(path.join(candidateRoot, 'manifest.json')); + schema.validateSharedManifest(candidateManifest); + + const candidatePackageJson = readJson(path.join(candidateRoot, 'package.json')); + assert.equal(candidatePackageJson.name, candidatePackage, 'Candidate package name must match the selected ecosystem package.'); + assert.equal(candidateManifest.name, candidatePackage, 'Candidate public manifest must match package.json name.'); + assert.equal(candidateManifest.version, candidatePackageJson.version, 'Candidate public manifest must match package.json version.'); + assert.equal( + candidatePackageJson.version, + contract.supportedCombinations.current[candidatePackage], + `${candidatePackage} candidate version must equal the documented current version.` + ); + + validateRepositoryWorkflows(candidateRoot); + await verifyPublishedVersions(contract, { registryUrl: options.registryUrl }); + + const tempRoot = fs.mkdtempSync(path.join(os.tmpdir(), tempPrefix)); + let completed = false; + try { + const tarball = packCandidate(candidateRoot, tempRoot); + const consumerRoot = path.join(tempRoot, 'consumer'); + fs.mkdirSync(consumerRoot, { recursive: true }); + fs.writeFileSync(path.join(consumerRoot, 'package.json'), '{"name":"release-preflight-consumer","private":true}\n'); + runNpm(['install', '--ignore-scripts', '--no-audit', '--no-fund', '--silent', tarball], { cwd: consumerRoot }); + const exports = validateInstalledExports(consumerRoot, candidatePackage); + console.log(`PASS packed exports ${candidatePackage} (${exports.length})`); + + if (!options.skipCleanInstall) { + runCleanInstallMatrix({ + candidateKey, + checkerPath, + fixtureRoot, + tarball, + options + }); + } + completed = true; + } finally { + if (completed) { + removeSafeTempDir(tempRoot); + } else { + console.error(`Release preflight temp artifacts retained at ${tempRoot}`); + } + } + console.log(`Release preflight passed for ${candidatePackage}@${candidatePackageJson.version}.`); +} + +function parseArgs(args) { + const parsed = { skipCleanInstall: false }; + for (let index = 0; index < args.length; index += 1) { + const arg = args[index]; + const optionNames = { + '--fixture-root': 'fixtureRoot', + '--candidate-root': 'candidateRoot', + '--candidate-package': 'candidatePackage', + '--layout-repo': 'layoutRepo', + '--interactive-repo': 'interactiveRepo', + '--layout-docs-repo': 'layoutDocsRepo', + '--interactive-docs-repo': 'interactiveDocsRepo', + '--registry-url': 'registryUrl' + }; + if (optionNames[arg]) { + const value = args[(index += 1)]; + if (!value || value.startsWith('--')) throw new Error(`${arg} requires a value.`); + parsed[optionNames[arg]] = value; + } else if (arg === '--skip-clean-install') { + parsed.skipCleanInstall = true; + } else { + throw new Error(`Unknown release-preflight option: ${arg}`); + } + } + return parsed; +} + +function validateRepositoryWorkflows(root) { + const workflowRoot = path.join(root, '.github', 'workflows'); + const workflows = fs + .readdirSync(workflowRoot) + .filter((name) => /\.ya?ml$/i.test(name)) + .map((name) => ({ name, source: fs.readFileSync(path.join(workflowRoot, name), 'utf8') })); + validateWorkflowSources(workflows); + console.log(`PASS workflow policy (${workflows.length} files)`); +} + +function packCandidate(candidateRoot, tempRoot) { + const packRoot = path.join(tempRoot, 'pack'); + fs.mkdirSync(packRoot, { recursive: true }); + const output = runNpm(['pack', '--ignore-scripts', '--json', '--pack-destination', packRoot], { cwd: candidateRoot }); + const details = JSON.parse(output); + assert.equal(details.length, 1, 'npm pack must produce exactly one candidate tarball.'); + const tarball = path.join(packRoot, path.basename(details[0].filename)); + assertNonemptyFile(tarball, 'Candidate tarball'); + return tarball; +} + +function runCleanInstallMatrix({ candidateKey, checkerPath, fixtureRoot, tarball, options }) { + const currentArgs = [checkerPath, '--matrix', 'current', `--${candidateKey}-spec`, tarball]; + if (candidateKey !== 'layout' && options.layoutRepo) currentArgs.push('--layout-repo', path.resolve(options.layoutRepo)); + if (candidateKey !== 'interactive' && options.interactiveRepo) { + currentArgs.push('--interactive-repo', path.resolve(options.interactiveRepo)); + } + if (options.layoutDocsRepo) currentArgs.push('--layout-docs-repo', path.resolve(options.layoutDocsRepo)); + if (options.interactiveDocsRepo) currentArgs.push('--interactive-docs-repo', path.resolve(options.interactiveDocsRepo)); + // Preserve the scenario-level PASS lines in CI so a failing or slow matrix is diagnosable. + console.log(run(process.execPath, currentArgs, { cwd: fixtureRoot })); + + // Minimum packages come from npm, so this second matrix proves the declared floor independently of candidate files. + console.log(run(process.execPath, [checkerPath, '--matrix', 'minimum', '--skip-docs'], { cwd: fixtureRoot })); +} + +function normalizeExports(exportsField) { + assert.ok(exportsField, 'package.json must declare exports.'); + if (typeof exportsField === 'string' || Array.isArray(exportsField)) return { '.': exportsField }; + const keys = Object.keys(exportsField); + return keys.some((key) => key.startsWith('.')) ? exportsField : { '.': exportsField }; +} + +function collectExportTargets(value) { + if (typeof value === 'string') return [value]; + if (Array.isArray(value)) return value.flatMap(collectExportTargets); + if (value && typeof value === 'object') return Object.values(value).flatMap(collectExportTargets); + return []; +} + +function matchWildcardFiles(packageRoot, targetPattern) { + const normalized = targetPattern.replace(/^\.\//, '').split('/').join(path.sep); + const starIndex = normalized.indexOf('*'); + assert.ok(starIndex >= 0, `Expected wildcard target, got ${targetPattern}.`); + const prefix = normalized.slice(0, starIndex); + const suffix = normalized.slice(starIndex + 1); + const directory = path.join(packageRoot, path.dirname(prefix)); + if (!fs.existsSync(directory)) return []; + + return listFiles(directory) + .map((file) => path.relative(packageRoot, file)) + .filter((relative) => relative.startsWith(prefix) && relative.endsWith(suffix)) + .map((relative) => relative.slice(prefix.length, relative.length - suffix.length).split(path.sep).join('/')); +} + +function listFiles(directory) { + return fs.readdirSync(directory, { withFileTypes: true }).flatMap((entry) => { + const target = path.join(directory, entry.name); + return entry.isDirectory() ? listFiles(target) : [target]; + }); +} + +function toPackageSpecifier(packageName, exportKey) { + if (exportKey === '.') return packageName; + return `${packageName}/${exportKey.replace(/^\.\//, '')}`; +} + +function assertResolvedNonempty(resolver, specifier) { + let resolved; + try { + resolved = resolver.resolve(specifier); + } catch (error) { + throw new Error(`${specifier} is not resolvable from the packed package: ${error.message}`); + } + assertNonemptyFile(resolved, specifier); +} + +function assertNonemptyFile(file, label) { + assert.ok(fs.existsSync(file) && fs.statSync(file).isFile() && fs.statSync(file).size > 0, `${label} must be a nonempty file: ${file}`); +} + +function readJson(file) { + return JSON.parse(fs.readFileSync(file, 'utf8')); +} + +function npmInvocation() { + const npmExecPath = process.env.npm_execpath; + if (npmExecPath && fs.existsSync(npmExecPath)) { + return { command: process.execPath, baseArgs: [npmExecPath], shell: false }; + } + return { command: process.platform === 'win32' ? 'npm.cmd' : 'npm', baseArgs: [], shell: process.platform === 'win32' }; +} + +function runNpm(args, options) { + const npm = npmInvocation(); + return run(npm.command, [...npm.baseArgs, ...args], { ...options, shell: npm.shell }); +} + +function run(command, args, { cwd, shell = false }) { + const result = spawnSync(command, args, { cwd, encoding: 'utf8', shell }); + if (result.status !== 0) { + throw new Error( + [`Command failed: ${command} ${args.join(' ')}`, `cwd: ${cwd}`, result.error?.message, result.stdout, result.stderr] + .filter(Boolean) + .join('\n') + ); + } + return `${result.stdout}${result.stderr}`.trim(); +} + +function removeSafeTempDir(directory) { + const tempRoot = fs.realpathSync(os.tmpdir()); + const target = fs.realpathSync(directory); + if (!target.startsWith(`${tempRoot}${path.sep}`) || !path.basename(target).startsWith(tempPrefix)) { + throw new Error(`Refusing to remove unexpected release-preflight directory: ${target}`); + } + fs.rmSync(target, { recursive: true, force: true }); +} + +if (process.argv[1] && path.resolve(process.argv[1]) === fileURLToPath(import.meta.url)) { + await runReleasePreflight(); +} diff --git a/tests/package-integrity.test.js b/tests/package-integrity.test.js index 148fd59..c96b60e 100644 --- a/tests/package-integrity.test.js +++ b/tests/package-integrity.test.js @@ -422,6 +422,7 @@ test('release automation scripts are exposed', () => { 'check:ecosystem:minimum', 'check:ecosystem:packs', 'test:ecosystem:clean-install', + 'release:preflight', 'check', 'pack:dry-run', 'release:verify' @@ -444,8 +445,7 @@ test('clean-install ecosystem scripts and CI enforce current and minimum rendere packageJson.scripts['test:ecosystem:clean-install'], 'node --test tests/clean-install-ecosystem-contract.integration.mjs' ); - assert.match(workflow, /npm run check:ecosystem:current/); - assert.match(workflow, /npm run check:ecosystem:minimum/); + assert.match(workflow, /npm run release:preflight/); assert.doesNotMatch(workflow, /check:ecosystem:(?:current|minimum)[^\n]*--skip-browser/); assert.doesNotMatch(workflow, /--update-snapshots/); assert.equal(packageJson.devDependencies.pixelmatch, '7.2.0'); @@ -460,7 +460,7 @@ test('release verification script is non-publishing and covers the full release 'npm run test:axe', 'npm run test:visual', 'npm run test:matrix', - 'npm run check:ecosystem:packs', + 'npm run release:preflight', 'npm audit --audit-level=moderate', 'npm run pack:dry-run' ]; diff --git a/tests/release-preflight.test.js b/tests/release-preflight.test.js new file mode 100644 index 0000000..815d5e4 --- /dev/null +++ b/tests/release-preflight.test.js @@ -0,0 +1,186 @@ +import assert from 'node:assert/strict'; +import { createServer } from 'node:http'; +import fs from 'node:fs'; +import os from 'node:os'; +import path from 'node:path'; +import test from 'node:test'; +import { fileURLToPath, pathToFileURL } from 'node:url'; + +const moduleUrl = new URL('../scripts/release-preflight.mjs', import.meta.url); +let releasePreflight; +try { + releasePreflight = await import(moduleUrl); +} catch { + // RED remains an assertion failure until the executable release gate exists. +} + +test('queries every exact minimum and current package version from the configured registry', async () => { + assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); + + const requested = []; + const server = createServer((request, response) => { + requested.push(request.url); + const [, packageName, version] = request.url.split('/'); + response.setHeader('content-type', 'application/json'); + response.end(JSON.stringify({ name: decodeURIComponent(packageName), version })); + }); + await new Promise((resolve) => server.listen(0, '127.0.0.1', resolve)); + + try { + const { port } = server.address(); + await releasePreflight.verifyPublishedVersions(fixtureCompatibility(), { + registryUrl: `http://127.0.0.1:${port}` + }); + } finally { + await new Promise((resolve, reject) => server.close((error) => (error ? reject(error) : resolve()))); + } + + assert.deepEqual(requested.sort(), [ + '/interactive-surface-css/1.5.0', + '/layout-style-css/3.0.0', + '/ui-style-kit-css/2.1.0' + ]); +}); + +test('rejects a documented version when the registry does not return that exact release', async () => { + assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); + + const server = createServer((_request, response) => { + response.statusCode = 404; + response.end(JSON.stringify({ error: 'version not found' })); + }); + await new Promise((resolve) => server.listen(0, '127.0.0.1', resolve)); + + try { + const { port } = server.address(); + await assert.rejects( + releasePreflight.verifyPublishedVersions(fixtureCompatibility(), { + registryUrl: `http://127.0.0.1:${port}` + }), + /ui-style-kit-css@2\.1\.0 does not exist exactly/ + ); + } finally { + await new Promise((resolve, reject) => server.close((error) => (error ? reject(error) : resolve()))); + } +}); + +test('resolves every concrete and wildcard export from an installed tarball', () => { + assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); + + const fixtureRoot = fs.mkdtempSync(path.join(os.tmpdir(), 'release-export-contract-')); + const packageRoot = path.join(fixtureRoot, 'node_modules', 'fixture-css'); + fs.mkdirSync(path.join(packageRoot, 'dist', 'personalities'), { recursive: true }); + fs.writeFileSync( + path.join(packageRoot, 'package.json'), + `${JSON.stringify( + { + name: 'fixture-css', + version: '1.0.0', + exports: { + '.': './dist/index.css', + './personalities/*.css': './dist/personalities/*.css', + './package.json': './package.json' + } + }, + null, + 2 + )}\n` + ); + fs.writeFileSync(path.join(packageRoot, 'dist', 'index.css'), '.fixture { display: block; }\n'); + fs.writeFileSync(path.join(packageRoot, 'dist', 'personalities', 'bento.css'), '.bento { gap: 1rem; }\n'); + fs.writeFileSync(path.join(fixtureRoot, 'package.json'), '{"name":"consumer","private":true}\n'); + + try { + assert.deepEqual(releasePreflight.validateInstalledExports(fixtureRoot, 'fixture-css'), [ + 'fixture-css', + 'fixture-css/package.json', + 'fixture-css/personalities/bento.css' + ]); + } finally { + fs.rmSync(fixtureRoot, { recursive: true, force: true }); + } +}); + +test('rejects release mutations from pull-request workflows and requires preflight before release mutations', () => { + assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); + + const safePullRequest = ` +name: Release preflight +on: + pull_request: +jobs: + verify: + steps: + - run: npm run release:preflight +`; + const safeRelease = ` +name: npm publish +on: + release: +jobs: + publish: + steps: + - run: npm run release:preflight + - run: npm publish +`; + + assert.doesNotThrow(() => + releasePreflight.validateWorkflowSources([ + { name: 'ci.yml', source: safePullRequest }, + { name: 'npm-publish.yml', source: safeRelease } + ]) + ); + assert.throws( + () => + releasePreflight.validateWorkflowSources([ + { name: 'ci.yml', source: `${safePullRequest} - run: npm publish\n` }, + { name: 'npm-publish.yml', source: safeRelease } + ]), + /pull-request workflow ci\.yml enables forbidden mutation: npm publish/ + ); + assert.throws( + () => + releasePreflight.validateWorkflowSources([ + { name: 'ci.yml', source: safePullRequest }, + { + name: 'npm-publish.yml', + source: safeRelease.replace('- run: npm run release:preflight\n - run: npm publish', '- run: npm publish') + } + ]), + /npm-publish\.yml must run release:preflight before npm publish/ + ); +}); + +test('repository pull-request and release workflows enforce the executable preflight boundary', () => { + assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); + + const repositoryRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); + const workflowRoot = path.join(repositoryRoot, '.github', 'workflows'); + const workflows = fs + .readdirSync(workflowRoot) + .filter((name) => /\.ya?ml$/i.test(name)) + .map((name) => ({ name, source: fs.readFileSync(path.join(workflowRoot, name), 'utf8') })); + + assert.doesNotThrow(() => releasePreflight.validateWorkflowSources(workflows)); +}); + +test('module URL remains local so workflow tests execute repository code', () => { + assert.equal(pathToFileURL(path.resolve(new URL('..', import.meta.url).pathname)).protocol, 'file:'); +}); + +function fixtureCompatibility() { + return { + supportedCombinations: { + minimum: { + 'ui-style-kit-css': '2.1.0', + 'interactive-surface-css': '1.5.0', + 'layout-style-css': '3.0.0' + }, + current: { + 'ui-style-kit-css': '2.1.0', + 'interactive-surface-css': '1.5.0', + 'layout-style-css': '3.0.0' + } + } + }; +} From bfbbffe20dc03b89d18097c94bf413a16b6c2f1a Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 20:26:08 -0500 Subject: [PATCH 21/42] ci: verify ecosystem contract before release --- docs/PUBLISHING.md | 2 +- ecosystem-compatibility.json | 4 ++-- tests/ecosystem-compatibility.test.js | 4 ++-- tests/ecosystem-manifest-schema.test.js | 4 ++-- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/docs/PUBLISHING.md b/docs/PUBLISHING.md index aa4fb5d..ec3c455 100644 --- a/docs/PUBLISHING.md +++ b/docs/PUBLISHING.md @@ -20,7 +20,7 @@ Both matrices install fresh tarball consumers for UI only, Interaction only, Lay Snapshot verification decodes PNG pixels, requires exact dimensions, ignores pixelmatch-classified antialias noise, uses a `0.1` color threshold, and permits at most `0.25%` differing pixels. The committed fixtures render at 720-721 by 261 pixels and therefore allow 469-470 changed pixels while rejecting the tested 42% meaningful change. A mismatch retains both `SCENARIO-actual.png` and `SCENARIO-diff.png` in the reported safe temporary directory. CI only validates committed baselines and never passes the generation flag. To intentionally refresh them locally, run the current checker with `--update-snapshots`, inspect all three images, and rerun without that flag. -The PR integration and npm-publish workflows read the companion repository and immutable revision pins from `ecosystem-compatibility.json`, then pack those coordinated Task 4 artifacts. Advance those pins whenever later work changes a companion contract; Task 9/final release work is responsible for replacing these interim fixture revisions with final heads. +The PR integration and npm-publish workflows read the companion repository and immutable revision pins from `ecosystem-compatibility.json`, then pack those coordinated reviewed artifacts. Advance those pins whenever later work changes a companion contract; the current values include the Task 9 release-preflight commits. Before expecting a UI pull request or release verification to pass, push the Interactive Surface and Layout Style commits, verify both pinned SHAs as remote commit objects, then push the UI branch and verify its CI. The workflows enforce that order with a remote-object fetch preflight and do not fall back to mutable branches or registry packages. diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index 6d728bb..3a02292 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -9,11 +9,11 @@ "ui-style-kit-css": { "checkout": "current" }, "interactive-surface-css": { "repository": "Foscat/Interactive-Surface-CSS", - "revision": "efe73ec7cb1d24679cb2f50253492366d4aead13" + "revision": "d666efa752a0f5cfd47c0596468cad00b4d64b02" }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "6a55f76a4e7e7826c42ff8ce2e53d26c46fda544" + "revision": "e2261c0cc76f62b5ab47d6743a8b934abc1bdfe6" } }, "packages": [ diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index beffc2d..99ae14a 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -28,8 +28,8 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.ownership.status, 'temporary'); assert.equal( compatibility.packageSources['layout-style-css'].revision, - '6a55f76a4e7e7826c42ff8ce2e53d26c46fda544', - 'The ecosystem fixture must pin the Layout commit with the reviewed public geometry inventory.' + 'e2261c0cc76f62b5ab47d6743a8b934abc1bdfe6', + 'The ecosystem fixture must pin the Layout commit with the reviewed release preflight.' ); assert.deepEqual( compatibility.packages.map(({ name, supportedRange }) => [name, supportedRange]), diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 083cbca..2150588 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -69,11 +69,11 @@ test('ecosystem compatibility pins immutable companion sources', () => { 'ui-style-kit-css': { checkout: 'current' }, 'interactive-surface-css': { repository: 'Foscat/Interactive-Surface-CSS', - revision: 'efe73ec7cb1d24679cb2f50253492366d4aead13' + revision: 'd666efa752a0f5cfd47c0596468cad00b4d64b02' }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: '6a55f76a4e7e7826c42ff8ce2e53d26c46fda544' + revision: 'e2261c0cc76f62b5ab47d6743a8b934abc1bdfe6' } }); From e2aa14c0a57ec4682647b5f0b073e3f4b8059aa6 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 21:39:38 -0500 Subject: [PATCH 22/42] fix: make release preflight executable --- .github/workflows/ci.yml | 3 + .github/workflows/npm-publish.yml | 2 +- docs/PUBLISHING.md | 10 ++- ecosystem-compatibility.json | 4 +- scripts/check-ecosystem-packs.mjs | 18 ++--- scripts/documented-imports.mjs | 80 ++++++++++++++++++-- scripts/release-preflight.mjs | 22 +++++- tests/documented-imports.test.js | 90 +++++++++++++++++++--- tests/ecosystem-compatibility.test.js | 7 +- tests/ecosystem-manifest-schema.test.js | 4 +- tests/release-preflight.test.js | 99 ++++++++++++++++++++++++- 11 files changed, 296 insertions(+), 43 deletions(-) diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml index 9ecb41d..9d74048 100644 --- a/.github/workflows/ci.yml +++ b/.github/workflows/ci.yml @@ -8,6 +8,9 @@ on: branches: - main +permissions: + contents: read + jobs: quality: name: Lint, Build, Unit Tests diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml index dbc6af4..81c2703 100644 --- a/.github/workflows/npm-publish.yml +++ b/.github/workflows/npm-publish.yml @@ -226,7 +226,7 @@ jobs: - name: Publish package if: steps.npm_version_check.outputs.already_published != 'true' - run: npm publish --access public + run: npm publish --access public --ignore-scripts env: NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }} UI_STYLE_KIT_LAYOUT_REPO: ${{ github.workspace }}/_ecosystem/Layout-Style-CSS diff --git a/docs/PUBLISHING.md b/docs/PUBLISHING.md index ec3c455..928c080 100644 --- a/docs/PUBLISHING.md +++ b/docs/PUBLISHING.md @@ -22,7 +22,15 @@ Snapshot verification decodes PNG pixels, requires exact dimensions, ignores pix The PR integration and npm-publish workflows read the companion repository and immutable revision pins from `ecosystem-compatibility.json`, then pack those coordinated reviewed artifacts. Advance those pins whenever later work changes a companion contract; the current values include the Task 9 release-preflight commits. -Before expecting a UI pull request or release verification to pass, push the Interactive Surface and Layout Style commits, verify both pinned SHAs as remote commit objects, then push the UI branch and verify its CI. The workflows enforce that order with a remote-object fetch preflight and do not fall back to mutable branches or registry packages. +Use this exact bootstrap and merge sequence: + +1. Push a stable UI bootstrap ref containing `72286fc27e4c3664ab05598a34c4dcf7e8267821`. +2. Push and merge Interactive Surface CSS and Layout Style CSS with merge commits so their reviewed commit SHAs remain reachable. +3. Update and verify the final UI companion pins against those merged companion commits. +4. Push the final UI branch, rerun its ecosystem preflight, and merge UI with a merge commit. +5. Do not squash, rebase, or delete the only remote refs until every pinned commit is reachable through merged ancestry. + +The workflows enforce immutable remote-object reachability and do not fall back to mutable branches or registry packages. The stable bootstrap ref lets companion workflows load the reviewed preflight implementation before the final UI commit references their heads. `npm run build` uses exactly pinned CSS Tree parsing and Lightning CSS formatting/minification. Generated minified bundles retain the release banner while preserving grammar-sensitive selector and `calc()` whitespace. diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index 3a02292..c230296 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -9,11 +9,11 @@ "ui-style-kit-css": { "checkout": "current" }, "interactive-surface-css": { "repository": "Foscat/Interactive-Surface-CSS", - "revision": "d666efa752a0f5cfd47c0596468cad00b4d64b02" + "revision": "5ed4fb912c6a7ea87ef0b55d3548c18dc924578d" }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "e2261c0cc76f62b5ab47d6743a8b934abc1bdfe6" + "revision": "0f26f240d90268115a3836a29e74d97591f175f2" } }, "packages": [ diff --git a/scripts/check-ecosystem-packs.mjs b/scripts/check-ecosystem-packs.mjs index 0fa6b3b..64ad2dd 100644 --- a/scripts/check-ecosystem-packs.mjs +++ b/scripts/check-ecosystem-packs.mjs @@ -6,7 +6,7 @@ import os from 'node:os'; import path from 'node:path'; import { fileURLToPath } from 'node:url'; -import { extractPackageImports } from './documented-imports.mjs'; +import { assertPackageImportsResolve, extractPackageImports } from './documented-imports.mjs'; import { validateEcosystemCompatibility, validateSharedManifest } from './ecosystem-manifest-schema.mjs'; import { resolveInteractiveSource } from './ecosystem-pack-sources.mjs'; import { @@ -601,17 +601,13 @@ function validateDocumentedImports(scenarioDir) { continue; } - const imports = extractPackageImports(fs.readFileSync(documentPath, 'utf8')); + const markdown = fs.readFileSync(documentPath, 'utf8'); + const imports = extractPackageImports(markdown); importCount += imports.length; - for (const specifier of imports) { - try { - const resolved = resolver.resolve(specifier); - if (!fs.statSync(resolved).isFile()) { - failures.push(`${group.name}/${relativePath}: ${specifier} did not resolve to a file`); - } - } catch (error) { - failures.push(`${group.name}/${relativePath}: ${specifier} did not resolve (${error.code ?? error.message})`); - } + try { + assertPackageImportsResolve(markdown, resolver, `${group.name}/${relativePath}`); + } catch (error) { + failures.push(error.message); } } } diff --git a/scripts/documented-imports.mjs b/scripts/documented-imports.mjs index 9b9abad..ec9ab1d 100644 --- a/scripts/documented-imports.mjs +++ b/scripts/documented-imports.mjs @@ -1,26 +1,90 @@ -const ecosystemPackagePattern = /^(?:ui-style-kit-css|interactive-surface-css|layout-style-css)(?:\/.*)?$/; +import fs from "node:fs"; + +const ecosystemPackagePattern = + /^(?:ui-style-kit-css|interactive-surface-css|layout-style-css)(?:\/[A-Za-z0-9._-]*[A-Za-z0-9_-])*$/; +const packageNames = + "(?:ui-style-kit-css|interactive-surface-css|layout-style-css)"; +const plainPackagePathPattern = new RegExp( + `(? left.index - right.index) + .filter(({ specifier }) => { + if (seen.has(specifier)) return false; + seen.add(specifier); + return true; + }) + .map(({ specifier }) => specifier); +} + +export function assertPackageImportsResolve( + markdown, + resolver, + label = "Maintained documentation", +) { + const failures = []; + const specifiers = extractPackageImports(markdown); + for (const specifier of specifiers) { + try { + const resolved = resolver.resolve(specifier); + const stat = fs.statSync(resolved); + if (!stat.isFile() || stat.size === 0) { + failures.push( + `${label}: ${specifier} did not resolve to a nonempty file`, + ); + } + } catch (error) { + failures.push( + `${label}: ${specifier} did not resolve (${error.code ?? error.message})`, + ); + } + } + if (failures.length > 0) { + throw new Error( + `Documented package import validation failed:\n${failures.join("\n")}`, + ); + } + return specifiers; } diff --git a/scripts/release-preflight.mjs b/scripts/release-preflight.mjs index 4f7a45e..dfa6f14 100644 --- a/scripts/release-preflight.mjs +++ b/scripts/release-preflight.mjs @@ -94,10 +94,17 @@ export function validateWorkflowSources(workflows) { const mutationPatterns = [ { label: 'npm publish', pattern: /^(?!\s*(?:name:|#)).*\bnpm\s+publish\b/m }, - { label: 'git push', pattern: /^(?!\s*(?:name:|#)).*\bgit\s+push\b/m }, - { label: 'git tag', pattern: /^(?!\s*(?:name:|#)).*\bgit\s+tag\b/m }, - { label: 'GitHub release', pattern: /(?:action-gh-release|\bgh\s+release\s+create\b)/ }, - { label: 'deployment', pattern: /actions\/(?:deploy-pages|upload-pages-artifact)@/ } + { label: 'npm version', pattern: /^(?!\s*(?:name:|#)).*\bnpm\s+version(?:\s|$)/m }, + { label: 'git push', pattern: /^(?!\s*(?:name:|#)).*\bgit\s+push(?:\s|$)/m }, + { label: 'git tag', pattern: /^(?!\s*(?:name:|#)).*\bgit\s+tag(?:\s|$)/m }, + { + label: 'GitHub release', + pattern: /(?:^\s*(?:-\s*)?uses:\s*(?:softprops\/action-gh-release|ncipollo\/release-action|actions\/create-release)@|^(?!\s*(?:name:|#)).*\bgh\s+release\b)/m + }, + { + label: 'deployment', + pattern: /(?:^\s*(?:-\s*)?uses:\s*(?:actions\/(?:deploy-pages|upload-pages-artifact)|peaceiris\/actions-gh-pages|cloudflare\/wrangler-action|azure\/webapps-deploy)@|^(?!\s*(?:name:|#)).*\b(?:wrangler\s+(?:deploy|publish)|netlify\s+deploy|firebase\s+deploy|vercel(?:\s+deploy)?)\b)/m + } ]; for (const workflow of pullRequestWorkflows) { @@ -122,6 +129,13 @@ export function validateWorkflowSources(workflows) { throw new Error(`${workflow.name} must run release:preflight before ${mutation.label}`); } } + if (/npm-publish\.ya?ml$/i.test(workflow.name) && /\bnpm\s+publish\b/.test(workflow.source)) { + assert.match( + workflow.source, + /^(?!\s*(?:name:|#)).*\bnpm\s+publish\b[^\r\n]*--ignore-scripts(?:\s|$)/m, + `${workflow.name} must publish with --ignore-scripts after the explicit release preflight.` + ); + } } } diff --git a/tests/documented-imports.test.js b/tests/documented-imports.test.js index c12d147..3138d35 100644 --- a/tests/documented-imports.test.js +++ b/tests/documented-imports.test.js @@ -1,11 +1,24 @@ -import assert from 'node:assert/strict'; -import test from 'node:test'; +import assert from "node:assert/strict"; +import { createRequire } from "node:module"; +import fs from "node:fs"; +import os from "node:os"; +import path from "node:path"; +import test from "node:test"; -import { extractPackageImports } from '../scripts/documented-imports.mjs'; +import { + assertPackageImportsResolve, + extractPackageImports, +} from "../scripts/documented-imports.mjs"; -test('extracts ecosystem package specifiers from maintained documentation code blocks', () => { +test("extracts maintained ecosystem specifiers from imports, inline code, tables, and plain package paths", () => { const markdown = ` -Current prose can name \`layout-style-css/legacy.css\` without making it setup guidance. +Current inline entry: \`ui-style-kit-css/removed.css\`. + +| Package entry | +| --- | +| layout-style-css/recipes.css | + +The focused state entry is interactive-surface-css/state-core.css. \`\`\`js import "ui-style-kit-css/visual.css"; @@ -20,17 +33,20 @@ import surface from "interactive-surface-css"; `; assert.deepEqual(extractPackageImports(markdown), [ - 'ui-style-kit-css/visual.css', - 'interactive-surface-css/state-core.css', - 'layout-style-css', - 'interactive-surface-css', - 'ui-style-kit-css/interactive-surface-theme.css' + "ui-style-kit-css/removed.css", + "layout-style-css/recipes.css", + "interactive-surface-css/state-core.css", + "ui-style-kit-css/visual.css", + "layout-style-css", + "interactive-surface-css", + "ui-style-kit-css/interactive-surface-theme.css", ]); }); -test('ignores non-code prose and non-ecosystem imports', () => { +test("ignores historical URLs, version mentions, and non-ecosystem imports", () => { const markdown = ` -Historical prose: ui-style-kit-css/with-bridge.css. +Historical registry URL: https://cdn.example/ui-style-kit-css/with-bridge.css. +Version record: ui-style-kit-css@1.0.0. \`\`\`js import "react"; @@ -40,3 +56,53 @@ import "./local.css"; assert.deepEqual(extractPackageImports(markdown), []); }); + +test("rejects a removed inline or plain export against the installed candidate tarball", () => { + const fixtureRoot = fs.mkdtempSync( + path.join(os.tmpdir(), "documented-import-contract-"), + ); + const packageRoot = path.join( + fixtureRoot, + "node_modules", + "ui-style-kit-css", + ); + fs.mkdirSync(path.join(packageRoot, "dist"), { recursive: true }); + fs.writeFileSync( + path.join(fixtureRoot, "package.json"), + '{"name":"docs-consumer","private":true}\n', + ); + fs.writeFileSync( + path.join(packageRoot, "package.json"), + `${JSON.stringify( + { + name: "ui-style-kit-css", + version: "2.1.0", + exports: { + ".": "./dist/index.css", + "./package.json": "./package.json", + }, + }, + null, + 2, + )}\n`, + ); + fs.writeFileSync( + path.join(packageRoot, "dist", "index.css"), + ".candidate { display: block; }\n", + ); + + try { + const resolver = createRequire(path.join(fixtureRoot, "package.json")); + assert.throws( + () => + assertPackageImportsResolve( + "Use \`ui-style-kit-css/removed.css\` or ui-style-kit-css/removed.css.", + resolver, + "maintained-current.md", + ), + /maintained-current\.md: ui-style-kit-css\/removed\.css did not resolve/, + ); + } finally { + fs.rmSync(fixtureRoot, { recursive: true, force: true }); + } +}); diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index 99ae14a..f98ae47 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -26,9 +26,14 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.schemaVersion, 1); assert.equal(compatibility.ownership.repository, 'ui-style-kit-css'); assert.equal(compatibility.ownership.status, 'temporary'); + assert.equal( + compatibility.packageSources['interactive-surface-css'].revision, + '5ed4fb912c6a7ea87ef0b55d3548c18dc924578d', + 'The ecosystem fixture must pin the Interactive commit with the reviewed release preflight.' + ); assert.equal( compatibility.packageSources['layout-style-css'].revision, - 'e2261c0cc76f62b5ab47d6743a8b934abc1bdfe6', + '0f26f240d90268115a3836a29e74d97591f175f2', 'The ecosystem fixture must pin the Layout commit with the reviewed release preflight.' ); assert.deepEqual( diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 2150588..58907e0 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -69,11 +69,11 @@ test('ecosystem compatibility pins immutable companion sources', () => { 'ui-style-kit-css': { checkout: 'current' }, 'interactive-surface-css': { repository: 'Foscat/Interactive-Surface-CSS', - revision: 'd666efa752a0f5cfd47c0596468cad00b4d64b02' + revision: '5ed4fb912c6a7ea87ef0b55d3548c18dc924578d' }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: 'e2261c0cc76f62b5ab47d6743a8b934abc1bdfe6' + revision: '0f26f240d90268115a3836a29e74d97591f175f2' } }); diff --git a/tests/release-preflight.test.js b/tests/release-preflight.test.js index 815d5e4..7d96698 100644 --- a/tests/release-preflight.test.js +++ b/tests/release-preflight.test.js @@ -1,4 +1,5 @@ import assert from 'node:assert/strict'; +import { spawnSync } from 'node:child_process'; import { createServer } from 'node:http'; import fs from 'node:fs'; import os from 'node:os'; @@ -121,7 +122,7 @@ jobs: publish: steps: - run: npm run release:preflight - - run: npm publish + - run: npm publish --access public --ignore-scripts `; assert.doesNotThrow(() => @@ -151,6 +152,50 @@ jobs: ); }); +test('repository CI is explicitly read-only and staged publishing cannot re-enter prepublishOnly', () => { + assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); + + const repositoryRoot = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); + const ciWorkflow = fs.readFileSync(path.join(repositoryRoot, '.github', 'workflows', 'ci.yml'), 'utf8'); + const publishWorkflow = fs.readFileSync( + path.join(repositoryRoot, '.github', 'workflows', 'npm-publish.yml'), + 'utf8' + ); + const packageManifest = JSON.parse(fs.readFileSync(path.join(repositoryRoot, 'package.json'), 'utf8')); + + assert.match(ciWorkflow, /^permissions:\r?\n\s+contents:\s+read\s*$/m); + const preflightIndex = publishWorkflow.search(/\bnpm\s+run\s+release:preflight\b/); + const publishIndex = publishWorkflow.search(/\bnpm\s+publish\s+--access\s+public\s+--ignore-scripts\b/); + assert.ok(preflightIndex >= 0 && preflightIndex < publishIndex); + assert.equal( + packageManifest.scripts.prepublishOnly, + 'npm run release:verify', + 'Direct local npm publish must retain the complete lifecycle guard.' + ); + + assertPublishIgnoreScriptsSkipsLifecycle(); +}); + +test('workflow policy rejects publishing that could re-enter prepublishOnly', () => { + assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); + + assert.throws( + () => + releasePreflight.validateWorkflowSources([ + { + name: 'ci.yml', + source: 'on:\n pull_request:\njobs:\n verify:\n steps:\n - run: npm run release:preflight\n' + }, + { + name: 'npm-publish.yml', + source: + 'on:\n release:\njobs:\n publish:\n steps:\n - run: npm run release:preflight\n - run: npm publish --access public\n' + } + ]), + /npm-publish\.yml must publish with --ignore-scripts after the explicit release preflight/ + ); +}); + test('repository pull-request and release workflows enforce the executable preflight boundary', () => { assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); @@ -184,3 +229,55 @@ function fixtureCompatibility() { } }; } + +function assertPublishIgnoreScriptsSkipsLifecycle() { + const fixtureRoot = fs.mkdtempSync(path.join(os.tmpdir(), 'release-lifecycle-contract-')); + const lifecycleMarker = path.join(fixtureRoot, 'prepublish-only-ran'); + fs.writeFileSync( + path.join(fixtureRoot, 'package.json'), + `${JSON.stringify( + { + name: 'release-lifecycle-contract', + version: '1.0.0', + private: false, + files: ['index.css'], + scripts: { prepublishOnly: 'node lifecycle-guard.mjs' } + }, + null, + 2 + )}\n` + ); + fs.writeFileSync(path.join(fixtureRoot, 'index.css'), '.release-lifecycle-contract { display: block; }\n'); + fs.writeFileSync( + path.join(fixtureRoot, 'lifecycle-guard.mjs'), + `import fs from 'node:fs';\nfs.writeFileSync(${JSON.stringify(lifecycleMarker)}, 'ran');\nprocess.exit(23);\n` + ); + + try { + const npmExecPath = process.env.npm_execpath; + const command = + npmExecPath && fs.existsSync(npmExecPath) + ? process.execPath + : process.platform === 'win32' + ? 'npm.cmd' + : 'npm'; + const baseArgs = npmExecPath && fs.existsSync(npmExecPath) ? [npmExecPath] : []; + const result = spawnSync( + command, + [...baseArgs, 'publish', '--dry-run', '--access', 'public', '--ignore-scripts', '--loglevel', 'error'], + { + cwd: fixtureRoot, + encoding: 'utf8', + shell: process.platform === 'win32' && baseArgs.length === 0 + } + ); + assert.equal(result.status, 0, result.stderr || result.stdout); + assert.equal( + fs.existsSync(lifecycleMarker), + false, + 'prepublishOnly must not run after the staged preflight.' + ); + } finally { + fs.rmSync(fixtureRoot, { recursive: true, force: true }); + } +} From 0080528295e485a340959c602f35b47ff5b8fea3 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 22:14:43 -0500 Subject: [PATCH 23/42] fix: harden gate c preflight and ownership --- scripts/check-css-ownership.mjs | 18 ++++- scripts/release-preflight.mjs | 25 ++++++- tests/ownership-boundaries.test.js | 53 ++++++++++++++ tests/release-preflight.test.js | 109 +++++++++++++++++++++++++++++ 4 files changed, 201 insertions(+), 4 deletions(-) diff --git a/scripts/check-css-ownership.mjs b/scripts/check-css-ownership.mjs index 0779574..9002092 100644 --- a/scripts/check-css-ownership.mjs +++ b/scripts/check-css-ownership.mjs @@ -21,6 +21,15 @@ const gridTopologyProperties = new Set([ 'grid-template-rows', 'order' ]); +const flexTopologyProperties = new Set([ + 'column-gap', + 'flex', + 'flex-direction', + 'flex-flow', + 'flex-wrap', + 'gap', + 'row-gap' +]); const pagePlacementProperties = new Set([ 'block-size', 'bottom', @@ -365,10 +374,17 @@ function isMechanicsProperty(property) { /^(?:animation|transition)(?:-|$)/.test(property); } +function isFlexTopologyProperty(property) { + return flexTopologyProperties.has(property) || /^(?:align|justify)-/.test(property); +} + function ruleForDeclaration({ target, property, rule, manifest }) { if (target === 'ui-visual') { if (gridTopologyProperties.has(property)) return 'ui-page-topology'; - if (pagePlacementProperties.has(property) && selectorOwnsPageTopology(rule, manifest)) { + if ( + (pagePlacementProperties.has(property) || isFlexTopologyProperty(property)) && + selectorOwnsPageTopology(rule, manifest) + ) { return 'ui-page-topology'; } return null; diff --git a/scripts/release-preflight.mjs b/scripts/release-preflight.mjs index dfa6f14..ea4e95d 100644 --- a/scripts/release-preflight.mjs +++ b/scripts/release-preflight.mjs @@ -15,11 +15,26 @@ const packageKeys = { 'layout-style-css': 'layout' }; -export async function verifyPublishedVersions(contract, { registryUrl = 'https://registry.npmjs.org' } = {}) { +export async function verifyPublishedVersions( + contract, + { + registryUrl = 'https://registry.npmjs.org', + candidatePackage = null, + candidateVersion = null + } = {} +) { const queries = new Map(); + const documentedCandidateCurrent = contract.supportedCombinations?.current?.[candidatePackage]; + // Only the exact release candidate may be absent before its first publish. + const excludedCandidate = candidateVersion === documentedCandidateCurrent + ? `${candidatePackage}@${candidateVersion}` + : null; for (const combination of Object.values(contract.supportedCombinations ?? {})) { for (const [packageName, version] of Object.entries(combination)) { - queries.set(`${packageName}@${version}`, { packageName, version }); + const packageVersion = `${packageName}@${version}`; + if (packageVersion !== excludedCandidate) { + queries.set(packageVersion, { packageName, version }); + } } } @@ -171,7 +186,11 @@ export async function runReleasePreflight(rawArgs = process.argv.slice(2)) { ); validateRepositoryWorkflows(candidateRoot); - await verifyPublishedVersions(contract, { registryUrl: options.registryUrl }); + await verifyPublishedVersions(contract, { + registryUrl: options.registryUrl, + candidatePackage, + candidateVersion: candidatePackageJson.version + }); const tempRoot = fs.mkdtempSync(path.join(os.tmpdir(), tempPrefix)); let completed = false; diff --git a/tests/ownership-boundaries.test.js b/tests/ownership-boundaries.test.js index 409cf83..42e5f0a 100644 --- a/tests/ownership-boundaries.test.js +++ b/tests/ownership-boundaries.test.js @@ -119,6 +119,59 @@ test('visual-only rejects unreviewed grid topology and placement', () => { ]); }); +test('visual-only rejects structural flex topology and preserves manifest component flex', () => { + const css = ` + html { flex: 1; } + body { flex-flow: row wrap; } + #app { flex-direction: column; } + #root { flex-wrap: wrap; } + .page-shell { gap: 2rem; } + .page { row-gap: 1rem; } + main { column-gap: 3rem; } + [data-layout] { align-content: start; } + [data-page] { align-items: center; } + [data-shell] { align-self: stretch; } + [role=main] { justify-content: space-between; } + .main { justify-items: center; } + section { justify-self: stretch; } + .saas-card { display: flex; flex-flow: column wrap; gap: 1rem; align-items: center; justify-content: center; } + .page-shell .saas-card { flex-direction: column; } + `; + const result = auditOwnership({ + target: 'ui-visual', + css, + manifest: { + presets: [{ id: 'minimal-saas', prefix: 'saas' }], + classApi: { + deprecatedStructuralSuffixes: [], + universalVisualSuffixes: ['card'], + presetExtras: { 'minimal-saas': [] } + } + }, + allowlist: [], + now: reviewedAt + }); + + assert.deepEqual( + result.violations.map(({ selector, property, rule }) => ({ selector, property, rule })), + [ + { selector: 'html', property: 'flex', rule: 'ui-page-topology' }, + { selector: 'body', property: 'flex-flow', rule: 'ui-page-topology' }, + { selector: '#app', property: 'flex-direction', rule: 'ui-page-topology' }, + { selector: '#root', property: 'flex-wrap', rule: 'ui-page-topology' }, + { selector: '.page-shell', property: 'gap', rule: 'ui-page-topology' }, + { selector: '.page', property: 'row-gap', rule: 'ui-page-topology' }, + { selector: 'main', property: 'column-gap', rule: 'ui-page-topology' }, + { selector: '[data-layout]', property: 'align-content', rule: 'ui-page-topology' }, + { selector: '[data-page]', property: 'align-items', rule: 'ui-page-topology' }, + { selector: '[data-shell]', property: 'align-self', rule: 'ui-page-topology' }, + { selector: '[role=main]', property: 'justify-content', rule: 'ui-page-topology' }, + { selector: '.main', property: 'justify-items', rule: 'ui-page-topology' }, + { selector: 'section', property: 'justify-self', rule: 'ui-page-topology' } + ] + ); +}); + test('interaction theme rejects state mechanics but permits static theme application', () => { const css = ` .interactive-surface { color: var(--interactive-surface-fg); --Theme-Paint: red; } diff --git a/tests/release-preflight.test.js b/tests/release-preflight.test.js index 7d96698..a2e2c8e 100644 --- a/tests/release-preflight.test.js +++ b/tests/release-preflight.test.js @@ -43,6 +43,98 @@ test('queries every exact minimum and current package version from the configure ]); }); +test('excludes only the unpublished candidate current version from registry checks', async () => { + assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); + + const requested = []; + const server = createServer((request, response) => { + requested.push(request.url); + const [, packageName, version] = request.url.split('/'); + response.setHeader('content-type', 'application/json'); + response.end(JSON.stringify({ name: decodeURIComponent(packageName), version })); + }); + await new Promise((resolve) => server.listen(0, '127.0.0.1', resolve)); + + try { + const { port } = server.address(); + await releasePreflight.verifyPublishedVersions(futureCandidateCompatibility(), { + registryUrl: `http://127.0.0.1:${port}`, + candidatePackage: 'ui-style-kit-css', + candidateVersion: '2.2.0' + }); + } finally { + await new Promise((resolve, reject) => server.close((error) => (error ? reject(error) : resolve()))); + } + + assert.deepEqual(requested.sort(), [ + '/interactive-surface-css/1.5.0', + '/interactive-surface-css/1.6.0', + '/layout-style-css/3.0.0', + '/layout-style-css/3.1.0', + '/ui-style-kit-css/2.1.0' + ]); +}); + +test('still rejects a nonexistent companion current version for an unpublished candidate', async () => { + assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); + + const server = createServer((request, response) => { + const [, packageName, version] = request.url.split('/'); + response.setHeader('content-type', 'application/json'); + if (decodeURIComponent(packageName) === 'interactive-surface-css' && version === '1.6.0') { + response.statusCode = 404; + response.end(JSON.stringify({ error: 'version not found' })); + return; + } + response.end(JSON.stringify({ name: decodeURIComponent(packageName), version })); + }); + await new Promise((resolve) => server.listen(0, '127.0.0.1', resolve)); + + try { + const { port } = server.address(); + await assert.rejects( + releasePreflight.verifyPublishedVersions(futureCandidateCompatibility(), { + registryUrl: `http://127.0.0.1:${port}`, + candidatePackage: 'ui-style-kit-css', + candidateVersion: '2.2.0' + }), + /interactive-surface-css@1\.6\.0 does not exist exactly/ + ); + } finally { + await new Promise((resolve, reject) => server.close((error) => (error ? reject(error) : resolve()))); + } +}); + +test('still rejects a candidate minimum distinct from its unpublished current version', async () => { + assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); + + const server = createServer((request, response) => { + const [, packageName, version] = request.url.split('/'); + response.setHeader('content-type', 'application/json'); + if (decodeURIComponent(packageName) === 'ui-style-kit-css' && version === '2.1.0') { + response.statusCode = 404; + response.end(JSON.stringify({ error: 'version not found' })); + return; + } + response.end(JSON.stringify({ name: decodeURIComponent(packageName), version })); + }); + await new Promise((resolve) => server.listen(0, '127.0.0.1', resolve)); + + try { + const { port } = server.address(); + await assert.rejects( + releasePreflight.verifyPublishedVersions(futureCandidateCompatibility(), { + registryUrl: `http://127.0.0.1:${port}`, + candidatePackage: 'ui-style-kit-css', + candidateVersion: '2.2.0' + }), + /ui-style-kit-css@2\.1\.0 does not exist exactly/ + ); + } finally { + await new Promise((resolve, reject) => server.close((error) => (error ? reject(error) : resolve()))); + } +}); + test('rejects a documented version when the registry does not return that exact release', async () => { assert.ok(releasePreflight, 'scripts/release-preflight.mjs must implement the release gate'); @@ -230,6 +322,23 @@ function fixtureCompatibility() { }; } +function futureCandidateCompatibility() { + return { + supportedCombinations: { + minimum: { + 'ui-style-kit-css': '2.1.0', + 'interactive-surface-css': '1.5.0', + 'layout-style-css': '3.0.0' + }, + current: { + 'ui-style-kit-css': '2.2.0', + 'interactive-surface-css': '1.6.0', + 'layout-style-css': '3.1.0' + } + } + }; +} + function assertPublishIgnoreScriptsSkipsLifecycle() { const fixtureRoot = fs.mkdtempSync(path.join(os.tmpdir(), 'release-lifecycle-contract-')); const lifecycleMarker = path.join(fixtureRoot, 'prepublish-only-ran'); From 0b892682bb0eb2f8132f430f05952a91206f4d16 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 22:28:03 -0500 Subject: [PATCH 24/42] test: pin gate c companion revisions --- ecosystem-compatibility.json | 4 ++-- tests/ecosystem-compatibility.test.js | 4 ++-- tests/ecosystem-manifest-schema.test.js | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index c230296..81f24ed 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -9,11 +9,11 @@ "ui-style-kit-css": { "checkout": "current" }, "interactive-surface-css": { "repository": "Foscat/Interactive-Surface-CSS", - "revision": "5ed4fb912c6a7ea87ef0b55d3548c18dc924578d" + "revision": "ebca9c53faefe64d6f599e350e7de3622d90784c" }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "0f26f240d90268115a3836a29e74d97591f175f2" + "revision": "0e8f4cbbfe84a99004bdd0c9c95e7a79fdbe9868" } }, "packages": [ diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index f98ae47..9e2fa27 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -28,12 +28,12 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.ownership.status, 'temporary'); assert.equal( compatibility.packageSources['interactive-surface-css'].revision, - '5ed4fb912c6a7ea87ef0b55d3548c18dc924578d', + 'ebca9c53faefe64d6f599e350e7de3622d90784c', 'The ecosystem fixture must pin the Interactive commit with the reviewed release preflight.' ); assert.equal( compatibility.packageSources['layout-style-css'].revision, - '0f26f240d90268115a3836a29e74d97591f175f2', + '0e8f4cbbfe84a99004bdd0c9c95e7a79fdbe9868', 'The ecosystem fixture must pin the Layout commit with the reviewed release preflight.' ); assert.deepEqual( diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 58907e0..3175411 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -69,11 +69,11 @@ test('ecosystem compatibility pins immutable companion sources', () => { 'ui-style-kit-css': { checkout: 'current' }, 'interactive-surface-css': { repository: 'Foscat/Interactive-Surface-CSS', - revision: '5ed4fb912c6a7ea87ef0b55d3548c18dc924578d' + revision: 'ebca9c53faefe64d6f599e350e7de3622d90784c' }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: '0f26f240d90268115a3836a29e74d97591f175f2' + revision: '0e8f4cbbfe84a99004bdd0c9c95e7a79fdbe9868' } }); From 74e138f5f86492a63128cafa675091f415cb6289 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 22:48:31 -0500 Subject: [PATCH 25/42] docs: align publishing bootstrap foundation --- docs/PUBLISHING.md | 2 +- tests/package-integrity.test.js | 7 +++++++ 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/docs/PUBLISHING.md b/docs/PUBLISHING.md index 928c080..6ad7dc4 100644 --- a/docs/PUBLISHING.md +++ b/docs/PUBLISHING.md @@ -24,7 +24,7 @@ The PR integration and npm-publish workflows read the companion repository and i Use this exact bootstrap and merge sequence: -1. Push a stable UI bootstrap ref containing `72286fc27e4c3664ab05598a34c4dcf7e8267821`. +1. Push a stable UI bootstrap ref containing `0080528295e485a340959c602f35b47ff5b8fea3`. 2. Push and merge Interactive Surface CSS and Layout Style CSS with merge commits so their reviewed commit SHAs remain reachable. 3. Update and verify the final UI companion pins against those merged companion commits. 4. Push the final UI branch, rerun its ecosystem preflight, and merge UI with a merge commit. diff --git a/tests/package-integrity.test.js b/tests/package-integrity.test.js index c96b60e..57c119f 100644 --- a/tests/package-integrity.test.js +++ b/tests/package-integrity.test.js @@ -488,6 +488,13 @@ test('publishing docs expose the coordinated packed ecosystem compatibility gate assert.match(publishingGuide, /immutable revision pins from `ecosystem-compatibility\.json`/); }); +test('publishing docs require the reviewed UI workflow bootstrap foundation', () => { + const publishingGuide = fs.readFileSync(path.join(rootDir, 'docs', 'PUBLISHING.md'), 'utf8'); + + // Companion release workflows must bootstrap from the immutable Gate C foundation. + assert.match(publishingGuide, /0080528295e485a340959c602f35b47ff5b8fea3/); +}); + test('publishing docs describe coordinated proof without re-releasing packages', () => { const publishingGuide = fs.readFileSync(path.join(rootDir, 'docs', 'PUBLISHING.md'), 'utf8'); From ab68294faaa9633eb69523b04e146f3dadc52cbc Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 22:53:09 -0500 Subject: [PATCH 26/42] chore: refresh companion commit pins --- ecosystem-compatibility.json | 4 ++-- tests/ecosystem-compatibility.test.js | 4 ++-- tests/ecosystem-manifest-schema.test.js | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/ecosystem-compatibility.json b/ecosystem-compatibility.json index 81f24ed..b3e1fe9 100644 --- a/ecosystem-compatibility.json +++ b/ecosystem-compatibility.json @@ -9,11 +9,11 @@ "ui-style-kit-css": { "checkout": "current" }, "interactive-surface-css": { "repository": "Foscat/Interactive-Surface-CSS", - "revision": "ebca9c53faefe64d6f599e350e7de3622d90784c" + "revision": "102f2e73dac538414779978f656bf7169352ee95" }, "layout-style-css": { "repository": "Foscat/Layout-Style-CSS", - "revision": "0e8f4cbbfe84a99004bdd0c9c95e7a79fdbe9868" + "revision": "443a36a8af5581f271897d8d96a2f46b7283ea69" } }, "packages": [ diff --git a/tests/ecosystem-compatibility.test.js b/tests/ecosystem-compatibility.test.js index 9e2fa27..a53cf31 100644 --- a/tests/ecosystem-compatibility.test.js +++ b/tests/ecosystem-compatibility.test.js @@ -28,12 +28,12 @@ test('authoritative ecosystem compatibility contract validates supported combina assert.equal(compatibility.ownership.status, 'temporary'); assert.equal( compatibility.packageSources['interactive-surface-css'].revision, - 'ebca9c53faefe64d6f599e350e7de3622d90784c', + '102f2e73dac538414779978f656bf7169352ee95', 'The ecosystem fixture must pin the Interactive commit with the reviewed release preflight.' ); assert.equal( compatibility.packageSources['layout-style-css'].revision, - '0e8f4cbbfe84a99004bdd0c9c95e7a79fdbe9868', + '443a36a8af5581f271897d8d96a2f46b7283ea69', 'The ecosystem fixture must pin the Layout commit with the reviewed release preflight.' ); assert.deepEqual( diff --git a/tests/ecosystem-manifest-schema.test.js b/tests/ecosystem-manifest-schema.test.js index 3175411..509f2e6 100644 --- a/tests/ecosystem-manifest-schema.test.js +++ b/tests/ecosystem-manifest-schema.test.js @@ -69,11 +69,11 @@ test('ecosystem compatibility pins immutable companion sources', () => { 'ui-style-kit-css': { checkout: 'current' }, 'interactive-surface-css': { repository: 'Foscat/Interactive-Surface-CSS', - revision: 'ebca9c53faefe64d6f599e350e7de3622d90784c' + revision: '102f2e73dac538414779978f656bf7169352ee95' }, 'layout-style-css': { repository: 'Foscat/Layout-Style-CSS', - revision: '0e8f4cbbfe84a99004bdd0c9c95e7a79fdbe9868' + revision: '443a36a8af5581f271897d8d96a2f46b7283ea69' } }); From 4c20087090879e365f7780f293e5d92b4c6a44d6 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 23:31:17 -0500 Subject: [PATCH 27/42] docs: specify semantic ui component contract --- CHANGELOG.md | 12 ++ README.md | 39 ++++ STYLE-MAP.md | 23 +++ manifest.json | 184 +++++++++++++++++ tests/fixtures/semantic-component-cases.js | 47 +++++ tests/semantic-component-contract.test.js | 229 +++++++++++++++++++++ wiki/Class-API.md | 53 ++++- 7 files changed, 578 insertions(+), 9 deletions(-) create mode 100644 tests/fixtures/semantic-component-cases.js create mode 100644 tests/semantic-component-contract.test.js diff --git a/CHANGELOG.md b/CHANGELOG.md index f6d2bba..b66dcc4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -2,6 +2,18 @@ All notable changes to **UI Style Kit CSS** will be documented here. +## [Unreleased] + +### Added + +- Specified a manifest-backed generic semantic component API with 29 exact `.ui-*` selectors, context-constrained `data-ui-variant` values, and an unchanged-markup runtime case matrix across all 11 presets. +- Documented native `` as the neutral modal/dialog fallback without inventing `.ui-modal` or `.ui-dialog` selectors. + +### Changed + +- Clarified that all 11 composed preset APIs retain the extended visual utilities, while partial extras and deprecated structural aliases remain prefix-bound compatibility or advanced APIs. +- Kept the specification separate from semantic CSS implementation; existing preset-prefixed classes and the retained `.ui-spinner` and `.ui-tooltip` hooks remain unchanged. + ## [2.1.0] - 2026-07-20 ### Added diff --git a/README.md b/README.md index f245ac2..56365ed 100644 --- a/README.md +++ b/README.md @@ -193,6 +193,45 @@ document.body.dataset.theme = "midnight-gold"; document.body.dataset.mode = "dark"; ``` +## Semantic component API + +`manifest.json#semanticComponentApi` is the authoritative specification for the additive generic component API. The mapped source suffixes already exist in the composed API for all 11 presets, so generic markup can keep the same class names while `data-ui` changes. + +This release line currently specifies and validates the contract without adding new semantic CSS declarations. Except for the retained `.ui-spinner` and `.ui-tooltip` hooks, use the supported prefixed classes for production styling until the semantic implementation ships. + +| Role | Generic selectors | Switching coverage | +|---|---|---| +| Buttons | `.ui-button`, `.ui-icon-button` | all 11 presets | +| Card | `.ui-card` | all 11 presets | +| Forms | `.ui-field`, `.ui-label`, `.ui-help-text`, `.ui-input`, `.ui-select`, `.ui-textarea` | all 11 presets | +| Choice controls | `.ui-check`, `.ui-check-control`, `.ui-radio`, `.ui-radio-control`, `.ui-switch`, `.ui-switch-track`, `.ui-switch-thumb` | all 11 presets | +| Badge | `.ui-badge` | all 11 presets | +| Alert | `.ui-alert`, `.ui-alert-title`, `.ui-alert-body` | all 11 presets | +| Navigation | `.ui-nav`, `.ui-nav-link` | all 11 presets | +| Table | `.ui-table`, `.ui-table-wrap` | all 11 presets | +| Progress | `.ui-progress`, `.ui-progress-bar` | all 11 presets | +| Toolbar | `.ui-toolbar` | all 11 presets | +| Existing generic hooks | `.ui-spinner`, `.ui-tooltip` | all 11 presets | + +The only new attribute is context-constrained `data-ui-variant`. Omit it for the neutral treatment. + +| Selector | `data-ui-variant` values | +|---|---| +| `.ui-button` | `primary`, `secondary`, `danger`, `ghost` | +| `.ui-badge` | `primary`, `secondary`, `success`, `warning`, `danger` | +| `.ui-alert` | `success`, `warning`, `danger` | + +```html + + +
...
+ +``` + +Modal and dialog roles deliberately use a neutral native `` fallback. There is no `.ui-modal` or `.ui-dialog` selector. The semantic API also does not define `data-ui-state`, `data-ui-size`, or `data-ui-placement`; continue to use native and ARIA state hooks, `.is-active`, and `[data-ui-tooltip-anchor]` where supported. + +Preset-prefixed classes remain supported compatibility and advanced APIs. Partial preset extras, typography and paint utilities, surface/size/placement helpers, shape and accessibility utilities, and the deprecated `page`, `container`, `section`, `grid`, `stack`, `cluster`, and `split` structural aliases remain prefix-bound rather than entering the generic contract. + ## UI systems | UI style | `data-ui` | Class prefix | Best for | diff --git a/STYLE-MAP.md b/STYLE-MAP.md index 0f2f0fe..e557e61 100644 --- a/STYLE-MAP.md +++ b/STYLE-MAP.md @@ -66,3 +66,26 @@ The bridge inherits from shared `--usk-*` color roles, then applies `.interactiv - `light` - `dark` - `contrast` + +## Semantic component contract + +The machine-readable source of truth is `manifest.json#semanticComponentApi`. Its 29 generic selectors map only to source suffixes with 11-of-11 composed preset coverage. The contract is specified and executable-test-backed here without adding new semantic CSS declarations; `.ui-spinner` and `.ui-tooltip` are the retained generic hooks already implemented. + +| Role | Generic selector -> current source suffix | +|---|---| +| Button | `.ui-button` -> `button`; `.ui-icon-button` -> `icon-button` | +| Card | `.ui-card` -> `card` | +| Form | `.ui-field` -> `field`; `.ui-label` -> `label`; `.ui-help-text` -> `help-text`; `.ui-input` -> `input`; `.ui-select` -> `select`; `.ui-textarea` -> `textarea` | +| Choice control | `.ui-check` -> `check`; `.ui-check-control` -> `check-control`; `.ui-radio` -> `radio`; `.ui-radio-control` -> `radio-control`; `.ui-switch` -> `switch`; `.ui-switch-track` -> `switch-track`; `.ui-switch-thumb` -> `switch-thumb` | +| Badge | `.ui-badge` -> `badge` | +| Alert | `.ui-alert` -> `alert`; `.ui-alert-title` -> `alert-title`; `.ui-alert-body` -> `alert-body` | +| Navigation | `.ui-nav` -> `nav`; `.ui-nav-link` -> `nav-link` | +| Table | `.ui-table` -> `table`; `.ui-table-wrap` -> `table-wrap` | +| Progress | `.ui-progress` -> `progress`; `.ui-progress-bar` -> `progress-bar` | +| Toolbar | `.ui-toolbar` -> `toolbar` | +| Loading | `.ui-spinner` -> `spinner` | +| Tooltip | `.ui-tooltip` -> `tooltip` | + +`data-ui-variant` is the only new attribute. Omission means neutral. `.ui-button` accepts `primary`, `secondary`, `danger`, and `ghost`; `.ui-badge` accepts `primary`, `secondary`, `success`, `warning`, and `danger`; `.ui-alert` accepts `success`, `warning`, and `danger`. + +Modal and dialog roles retain native `` as their one neutral fallback; `.ui-modal` and `.ui-dialog` are not defined. Preset-prefixed classes remain supported for compatibility and advanced use. Partial preset extras and the seven deprecated structural suffixes stay out of the semantic contract. diff --git a/manifest.json b/manifest.json index 3cf628d..52c2d1c 100644 --- a/manifest.json +++ b/manifest.json @@ -131,6 +131,190 @@ "dark", "contrast" ], + "semanticComponentApi": { + "presetSwitchAttribute": "data-ui", + "selectorsByRole": { + "button": [ + { + "selector": ".ui-button", + "sourceSuffix": "button" + }, + { + "selector": ".ui-icon-button", + "sourceSuffix": "icon-button" + } + ], + "card": [ + { + "selector": ".ui-card", + "sourceSuffix": "card" + } + ], + "form": [ + { + "selector": ".ui-field", + "sourceSuffix": "field" + }, + { + "selector": ".ui-label", + "sourceSuffix": "label" + }, + { + "selector": ".ui-help-text", + "sourceSuffix": "help-text" + }, + { + "selector": ".ui-input", + "sourceSuffix": "input" + }, + { + "selector": ".ui-select", + "sourceSuffix": "select" + }, + { + "selector": ".ui-textarea", + "sourceSuffix": "textarea" + }, + { + "selector": ".ui-check", + "sourceSuffix": "check" + }, + { + "selector": ".ui-check-control", + "sourceSuffix": "check-control" + }, + { + "selector": ".ui-radio", + "sourceSuffix": "radio" + }, + { + "selector": ".ui-radio-control", + "sourceSuffix": "radio-control" + }, + { + "selector": ".ui-switch", + "sourceSuffix": "switch" + }, + { + "selector": ".ui-switch-track", + "sourceSuffix": "switch-track" + }, + { + "selector": ".ui-switch-thumb", + "sourceSuffix": "switch-thumb" + } + ], + "badge": [ + { + "selector": ".ui-badge", + "sourceSuffix": "badge" + } + ], + "alert": [ + { + "selector": ".ui-alert", + "sourceSuffix": "alert" + }, + { + "selector": ".ui-alert-title", + "sourceSuffix": "alert-title" + }, + { + "selector": ".ui-alert-body", + "sourceSuffix": "alert-body" + } + ], + "navigation": [ + { + "selector": ".ui-nav", + "sourceSuffix": "nav" + }, + { + "selector": ".ui-nav-link", + "sourceSuffix": "nav-link" + } + ], + "table": [ + { + "selector": ".ui-table", + "sourceSuffix": "table" + }, + { + "selector": ".ui-table-wrap", + "sourceSuffix": "table-wrap" + } + ], + "progress": [ + { + "selector": ".ui-progress", + "sourceSuffix": "progress" + }, + { + "selector": ".ui-progress-bar", + "sourceSuffix": "progress-bar" + } + ], + "toolbar": [ + { + "selector": ".ui-toolbar", + "sourceSuffix": "toolbar" + } + ], + "loading": [ + { + "selector": ".ui-spinner", + "sourceSuffix": "spinner" + } + ], + "tooltip": [ + { + "selector": ".ui-tooltip", + "sourceSuffix": "tooltip" + } + ] + }, + "variantAttribute": { + "name": "data-ui-variant", + "neutral": "omitted", + "valuesBySelector": { + ".ui-button": [ + "primary", + "secondary", + "danger", + "ghost" + ], + ".ui-badge": [ + "primary", + "secondary", + "success", + "warning", + "danger" + ], + ".ui-alert": [ + "success", + "warning", + "danger" + ] + } + }, + "nativeFallbacks": [ + { + "roles": [ + "modal", + "dialog" + ], + "element": "dialog", + "genericSelectors": [] + } + ], + "presetPrefixedClasses": { + "status": "supported", + "uses": [ + "compatibility", + "advanced" + ] + } + }, "nativeElements": { "fullyThemed": [ "a", diff --git a/tests/fixtures/semantic-component-cases.js b/tests/fixtures/semantic-component-cases.js new file mode 100644 index 0000000..cd39ec2 --- /dev/null +++ b/tests/fixtures/semantic-component-cases.js @@ -0,0 +1,47 @@ +export const semanticComponentMarkup = ` +
`; + +// Task 11 can consume these cases directly; only the preset root value changes. +export function semanticRuntimeCases(manifest) { + return manifest.presets.map(({ id }) => ({ + preset: id, + rootAttributes: { 'data-ui': id }, + markup: semanticComponentMarkup + })); +} diff --git a/tests/semantic-component-contract.test.js b/tests/semantic-component-contract.test.js new file mode 100644 index 0000000..c440da0 --- /dev/null +++ b/tests/semantic-component-contract.test.js @@ -0,0 +1,229 @@ +import assert from 'node:assert/strict'; +import fs from 'node:fs'; +import path from 'node:path'; +import test from 'node:test'; +import { fileURLToPath } from 'node:url'; +import { parse, walk } from 'css-tree'; + +import { + semanticComponentMarkup, + semanticRuntimeCases +} from './fixtures/semantic-component-cases.js'; + +const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); +const manifest = JSON.parse(fs.readFileSync(path.join(rootDir, 'manifest.json'), 'utf8')); + +const expectedSemanticComponentApi = { + presetSwitchAttribute: 'data-ui', + selectorsByRole: { + button: [ + { selector: '.ui-button', sourceSuffix: 'button' }, + { selector: '.ui-icon-button', sourceSuffix: 'icon-button' } + ], + card: [ + { selector: '.ui-card', sourceSuffix: 'card' } + ], + form: [ + { selector: '.ui-field', sourceSuffix: 'field' }, + { selector: '.ui-label', sourceSuffix: 'label' }, + { selector: '.ui-help-text', sourceSuffix: 'help-text' }, + { selector: '.ui-input', sourceSuffix: 'input' }, + { selector: '.ui-select', sourceSuffix: 'select' }, + { selector: '.ui-textarea', sourceSuffix: 'textarea' }, + { selector: '.ui-check', sourceSuffix: 'check' }, + { selector: '.ui-check-control', sourceSuffix: 'check-control' }, + { selector: '.ui-radio', sourceSuffix: 'radio' }, + { selector: '.ui-radio-control', sourceSuffix: 'radio-control' }, + { selector: '.ui-switch', sourceSuffix: 'switch' }, + { selector: '.ui-switch-track', sourceSuffix: 'switch-track' }, + { selector: '.ui-switch-thumb', sourceSuffix: 'switch-thumb' } + ], + badge: [ + { selector: '.ui-badge', sourceSuffix: 'badge' } + ], + alert: [ + { selector: '.ui-alert', sourceSuffix: 'alert' }, + { selector: '.ui-alert-title', sourceSuffix: 'alert-title' }, + { selector: '.ui-alert-body', sourceSuffix: 'alert-body' } + ], + navigation: [ + { selector: '.ui-nav', sourceSuffix: 'nav' }, + { selector: '.ui-nav-link', sourceSuffix: 'nav-link' } + ], + table: [ + { selector: '.ui-table', sourceSuffix: 'table' }, + { selector: '.ui-table-wrap', sourceSuffix: 'table-wrap' } + ], + progress: [ + { selector: '.ui-progress', sourceSuffix: 'progress' }, + { selector: '.ui-progress-bar', sourceSuffix: 'progress-bar' } + ], + toolbar: [ + { selector: '.ui-toolbar', sourceSuffix: 'toolbar' } + ], + loading: [ + { selector: '.ui-spinner', sourceSuffix: 'spinner' } + ], + tooltip: [ + { selector: '.ui-tooltip', sourceSuffix: 'tooltip' } + ] + }, + variantAttribute: { + name: 'data-ui-variant', + neutral: 'omitted', + valuesBySelector: { + '.ui-button': ['primary', 'secondary', 'danger', 'ghost'], + '.ui-badge': ['primary', 'secondary', 'success', 'warning', 'danger'], + '.ui-alert': ['success', 'warning', 'danger'] + } + }, + nativeFallbacks: [ + { + roles: ['modal', 'dialog'], + element: 'dialog', + genericSelectors: [] + } + ], + presetPrefixedClasses: { + status: 'supported', + uses: ['compatibility', 'advanced'] + } +}; + +function semanticEntries(api = manifest.semanticComponentApi) { + assert.ok(api, 'manifest.json must declare semanticComponentApi'); + return Object.values(api.selectorsByRole).flat(); +} + +function semanticRequiredSuffixes(api = manifest.semanticComponentApi) { + const entries = semanticEntries(api); + const variantSuffixes = Object.entries(api.variantAttribute.valuesBySelector) + .flatMap(([selector, variants]) => { + const sourceSuffix = entries.find((entry) => entry.selector === selector)?.sourceSuffix; + assert.ok(sourceSuffix, `${selector} variants need a declared semantic selector`); + return variants.map((variant) => `${sourceSuffix}-${variant}`); + }); + + return new Set([ + ...entries.map(({ sourceSuffix }) => sourceSuffix), + ...variantSuffixes + ]); +} + +function composedClassNames(preset) { + const classNames = new Set(); + + // The authoritative preset API composes shared component and preset source files. + for (const relativeFile of ['styles/components.css', `styles/${preset.id}.css`]) { + const css = fs.readFileSync(path.join(rootDir, relativeFile), 'utf8'); + walk(parse(css, { filename: relativeFile }), { + visit: 'ClassSelector', + enter(node) { + classNames.add(node.name); + } + }); + } + + return classNames; +} + +test('manifest specifies the exact generic semantic component API', () => { + assert.ok(manifest.semanticComponentApi, 'manifest.json must declare semanticComponentApi'); + assert.deepEqual(manifest.semanticComponentApi, expectedSemanticComponentApi); + + const entries = semanticEntries(); + assert.equal(entries.length, 29); + assert.equal(new Set(entries.map(({ selector }) => selector)).size, entries.length); + assert.equal(new Set(entries.map(({ sourceSuffix }) => sourceSuffix)).size, entries.length); + assert.equal(entries.every(({ selector }) => /^\.ui-[a-z]+(?:-[a-z]+)*$/.test(selector)), true); +}); + +test('semantic source suffixes and contextual variants exist in every composed preset API', () => { + const currentSuffixes = new Set(manifest.classApi.universalVisualSuffixes); + const requiredSuffixes = semanticRequiredSuffixes(); + + assert.equal(manifest.classApi.universalVisualSuffixes.length, 81); + for (const suffix of requiredSuffixes) { + assert.equal(currentSuffixes.has(suffix), true, `${suffix} must remain a current universal visual suffix`); + } + + for (const preset of manifest.presets) { + const composedNames = composedClassNames(preset); + for (const suffix of requiredSuffixes) { + assert.equal( + composedNames.has(`${preset.prefix}-${suffix}`), + true, + `${preset.id} composed source is missing .${preset.prefix}-${suffix}` + ); + } + } +}); + +test('partial extras and deprecated structural aliases stay outside the semantic contract', () => { + const semanticSuffixes = semanticRequiredSuffixes(); + const partialExtras = new Set(Object.values(manifest.classApi.presetExtras).flat()); + const deprecatedSuffixes = new Set(manifest.classApi.deprecatedStructuralSuffixes); + + assert.equal(partialExtras.size, 23); + assert.equal(deprecatedSuffixes.size, 7); + for (const suffix of semanticSuffixes) { + assert.equal(partialExtras.has(suffix), false, `${suffix} must not be a partial preset extra`); + assert.equal(deprecatedSuffixes.has(suffix), false, `${suffix} must not be a deprecated structural alias`); + } + assert.deepEqual(manifest.semanticComponentApi.presetPrefixedClasses, { + status: 'supported', + uses: ['compatibility', 'advanced'] + }); +}); + +test('modal and dialog use one native fallback without inventing generic selectors', () => { + const selectors = new Set(semanticEntries().map(({ selector }) => selector)); + + assert.deepEqual(manifest.semanticComponentApi.nativeFallbacks, [ + { roles: ['modal', 'dialog'], element: 'dialog', genericSelectors: [] } + ]); + assert.equal(selectors.has('.ui-modal'), false); + assert.equal(selectors.has('.ui-dialog'), false); +}); + +test('data-ui-variant is the only semantic component attribute added to the preset switch', () => { + const api = manifest.semanticComponentApi; + assert.ok(api, 'manifest.json must declare semanticComponentApi'); + const variantContexts = Object.keys(api.variantAttribute.valuesBySelector); + const selectors = new Set(semanticEntries().map(({ selector }) => selector)); + + assert.equal(api.presetSwitchAttribute, 'data-ui'); + assert.equal(api.variantAttribute.name, 'data-ui-variant'); + assert.equal(api.variantAttribute.neutral, 'omitted'); + assert.equal(variantContexts.length, 3); + assert.equal(variantContexts.every((selector) => selectors.has(selector)), true); + for (const values of Object.values(api.variantAttribute.valuesBySelector)) { + assert.equal(new Set(values).size, values.length, 'variant values must be unique within their selector context'); + } + + const serializedApi = JSON.stringify(api); + for (const forbiddenAttribute of ['data-ui-state', 'data-ui-size', 'data-ui-placement']) { + assert.equal(serializedApi.includes(forbiddenAttribute), false, `${forbiddenAttribute} must stay out of the API`); + } +}); + +test('manifest presets generate unchanged generic markup cases for Task 11 runtime switching', () => { + const cases = semanticRuntimeCases(manifest); + const declaredSelectors = semanticEntries().map(({ selector }) => selector); + const presetPrefixes = manifest.presets.map(({ prefix }) => prefix); + + assert.equal(cases.length, 11); + assert.deepEqual(cases.map(({ preset }) => preset), manifest.presets.map(({ id }) => id)); + assert.equal(new Set(cases.map(({ markup }) => markup)).size, 1, 'generic markup must not change by preset'); + for (const runtimeCase of cases) { + assert.deepEqual(runtimeCase.rootAttributes, { 'data-ui': runtimeCase.preset }); + } + for (const selector of declaredSelectors) { + assert.match(semanticComponentMarkup, new RegExp(`class="[^"]*\\b${selector.slice(1)}\\b`)); + } + for (const prefix of presetPrefixes) { + assert.doesNotMatch(semanticComponentMarkup, new RegExp(`class="[^"]*\\b${prefix}-`)); + } + assert.match(semanticComponentMarkup, /Native modal and dialog fallback<\/dialog>/); + assert.doesNotMatch(semanticComponentMarkup, /\bui-(?:modal|dialog)\b/); +}); diff --git a/wiki/Class-API.md b/wiki/Class-API.md index 17c3379..969f64d 100644 --- a/wiki/Class-API.md +++ b/wiki/Class-API.md @@ -12,18 +12,46 @@ Examples: `` comes from the selected `data-ui` style. +## Generic Semantic API + +`manifest.json#semanticComponentApi` specifies the generic component names that can keep unchanged markup while the root `data-ui` value switches across all 11 presets. The mapped prefixed source suffixes are current and physically present in every composed preset API. + +The contract is specified before its new CSS declarations are implemented. `.ui-spinner` and `.ui-tooltip` are the existing retained generic hooks; continue using the prefixed classes for the other components in production until the semantic implementation ships. + +| Role | Generic selectors | +| --- | --- | +| Buttons | `.ui-button`, `.ui-icon-button` | +| Card | `.ui-card` | +| Forms | `.ui-field`, `.ui-label`, `.ui-help-text`, `.ui-input`, `.ui-select`, `.ui-textarea` | +| Choice controls | `.ui-check`, `.ui-check-control`, `.ui-radio`, `.ui-radio-control`, `.ui-switch`, `.ui-switch-track`, `.ui-switch-thumb` | +| Badge | `.ui-badge` | +| Alert | `.ui-alert`, `.ui-alert-title`, `.ui-alert-body` | +| Navigation | `.ui-nav`, `.ui-nav-link` | +| Table | `.ui-table`, `.ui-table-wrap` | +| Progress | `.ui-progress`, `.ui-progress-bar` | +| Toolbar | `.ui-toolbar` | +| Existing generic hooks | `.ui-spinner`, `.ui-tooltip` | + +`data-ui-variant` is the only new semantic component attribute. Omit it for neutral styling. + +| Selector | Values | +| --- | --- | +| `.ui-button` | `primary`, `secondary`, `danger`, `ghost` | +| `.ui-badge` | `primary`, `secondary`, `success`, `warning`, `danger` | +| `.ui-alert` | `success`, `warning`, `danger` | + +Native and ARIA state hooks, `.is-active`, and `[data-ui-tooltip-anchor]` remain the state and tooltip-anchor APIs. `data-ui-state`, `data-ui-size`, and `data-ui-placement` are not defined. + +Modal and dialog roles use neutral native `` styling. The API intentionally has no `.ui-modal` or `.ui-dialog` selector. + +Preset-prefixed classes remain supported compatibility and advanced APIs. Partial preset-only extras, typography and paint utilities, surface/size/placement helpers, shape and accessibility utilities remain prefix-bound. + ## Core Cross-Style API (11/11 styles) These suffixes exist in every style file. ### Layout and Structure -- `page` -- `container` -- `section` -- `grid` -- `stack` -- `cluster` - `panel` - `well` - `inset` @@ -123,9 +151,9 @@ Inside a `[data-ui="..."]` scope, generic `.ui-tooltip`, `[role="tooltip"]`, and The same components also support native state hooks such as `aria-current="page"` and `aria-pressed="true"` where appropriate. -## Extended Utility Bundle (7 styles) +## Extended Utility Bundle (11 composed presets) -The following suffixes are available in: +The following suffixes are available across the composed API for all 11 presets: - `minimal-saas` - `bento` @@ -134,6 +162,10 @@ The following suffixes are available in: - `tactile` - `neumorphism` - `retrofuturism` +- `brutalism` +- `cyberpunk` +- `y2k` +- `retro-glass` Suffixes: @@ -157,11 +189,14 @@ Suffixes: - `rounded` - `rounded-lg` - `rounded-xl` -- `split` - `sr-only` - `visually-hidden` - `skip-link` +## Deprecated Structural Compatibility API + +The prefixed `page`, `container`, `section`, `grid`, `stack`, `cluster`, and `split` suffixes remain available only as deprecated compatibility classes for the v2 line. They are not semantic component selectors and are reserved for removal in v3. + ## Additional Selective Suffixes | Suffix | Styles | From 823615f2ed7274e2dd15c6b1324bcd9507f547db Mon Sep 17 00:00:00 2001 From: Foscat Date: Sat, 8 Aug 2026 23:50:06 -0500 Subject: [PATCH 28/42] fix: harden semantic ui contract fixtures --- CHANGELOG.md | 2 +- README.md | 2 +- STYLE-MAP.md | 2 +- manifest.json | 42 ++++++ tests/e2e/semantic-component-fixture.spec.js | 23 +++ tests/fixtures/semantic-component-cases.js | 9 +- tests/semantic-component-contract.test.js | 146 ++++++++++++++++++- wiki/Class-API.md | 2 +- 8 files changed, 218 insertions(+), 10 deletions(-) create mode 100644 tests/e2e/semantic-component-fixture.spec.js diff --git a/CHANGELOG.md b/CHANGELOG.md index b66dcc4..5481eac 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,7 +12,7 @@ All notable changes to **UI Style Kit CSS** will be documented here. ### Changed - Clarified that all 11 composed preset APIs retain the extended visual utilities, while partial extras and deprecated structural aliases remain prefix-bound compatibility or advanced APIs. -- Kept the specification separate from semantic CSS implementation; existing preset-prefixed classes and the retained `.ui-spinner` and `.ui-tooltip` hooks remain unchanged. +- Kept the specification separate from semantic CSS implementation and identified the two retained `.ui-spinner` and `.ui-tooltip` hooks separately from the 27 selectors pending Task 11. ## [2.1.0] - 2026-07-20 diff --git a/README.md b/README.md index 56365ed..9882100 100644 --- a/README.md +++ b/README.md @@ -197,7 +197,7 @@ document.body.dataset.mode = "dark"; `manifest.json#semanticComponentApi` is the authoritative specification for the additive generic component API. The mapped source suffixes already exist in the composed API for all 11 presets, so generic markup can keep the same class names while `data-ui` changes. -This release line currently specifies and validates the contract without adding new semantic CSS declarations. Except for the retained `.ui-spinner` and `.ui-tooltip` hooks, use the supported prefixed classes for production styling until the semantic implementation ships. +This release line currently specifies and validates the contract without adding new semantic CSS declarations. `manifest.json#semanticComponentApi.implementationStatus` records `.ui-spinner` and `.ui-tooltip` as the two retained, already-implemented hooks and the other 27 selectors as pending Task 11. Use the supported prefixed classes for pending components until the semantic implementation ships. | Role | Generic selectors | Switching coverage | |---|---|---| diff --git a/STYLE-MAP.md b/STYLE-MAP.md index e557e61..cdddd44 100644 --- a/STYLE-MAP.md +++ b/STYLE-MAP.md @@ -69,7 +69,7 @@ The bridge inherits from shared `--usk-*` color roles, then applies `.interactiv ## Semantic component contract -The machine-readable source of truth is `manifest.json#semanticComponentApi`. Its 29 generic selectors map only to source suffixes with 11-of-11 composed preset coverage. The contract is specified and executable-test-backed here without adding new semantic CSS declarations; `.ui-spinner` and `.ui-tooltip` are the retained generic hooks already implemented. +The machine-readable source of truth is `manifest.json#semanticComponentApi`. Its 29 generic selectors map only to source suffixes with 11-of-11 composed preset coverage. The `implementationStatus` section records `.ui-spinner` and `.ui-tooltip` as the two retained generic hooks already implemented and the remaining 27 selectors as pending Task 11; this task adds no semantic CSS declarations. | Role | Generic selector -> current source suffix | |---|---| diff --git a/manifest.json b/manifest.json index 52c2d1c..323996c 100644 --- a/manifest.json +++ b/manifest.json @@ -313,6 +313,48 @@ "compatibility", "advanced" ] + }, + "implementationStatus": { + "retained": { + "status": "implemented", + "selectors": [ + ".ui-spinner", + ".ui-tooltip" + ] + }, + "pending": { + "status": "pending", + "targetTask": 11, + "selectors": [ + ".ui-button", + ".ui-icon-button", + ".ui-card", + ".ui-field", + ".ui-label", + ".ui-help-text", + ".ui-input", + ".ui-select", + ".ui-textarea", + ".ui-check", + ".ui-check-control", + ".ui-radio", + ".ui-radio-control", + ".ui-switch", + ".ui-switch-track", + ".ui-switch-thumb", + ".ui-badge", + ".ui-alert", + ".ui-alert-title", + ".ui-alert-body", + ".ui-nav", + ".ui-nav-link", + ".ui-table", + ".ui-table-wrap", + ".ui-progress", + ".ui-progress-bar", + ".ui-toolbar" + ] + } } }, "nativeElements": { diff --git a/tests/e2e/semantic-component-fixture.spec.js b/tests/e2e/semantic-component-fixture.spec.js new file mode 100644 index 0000000..daa5723 --- /dev/null +++ b/tests/e2e/semantic-component-fixture.spec.js @@ -0,0 +1,23 @@ +import { expect, test } from '@playwright/test'; + +import { semanticComponentMarkup } from '../fixtures/semantic-component-cases.js'; + +// This browser contract keeps Task 11's shared fixture aligned with proven preset markup. +test('semantic runtime fixture preserves proven component structures and states', async ({ page }) => { + await page.setContent(semanticComponentMarkup); + + const switchControl = page.locator( + 'label.ui-switch > input[type="checkbox"]:checked + .ui-switch-track > .ui-switch-thumb' + ); + await expect(switchControl).toHaveCount(1); + await expect(page.locator('button.ui-switch')).toHaveCount(0); + + const progress = page.locator( + '.ui-progress[role="progressbar"][aria-valuemin="0"][aria-valuemax="100"][aria-valuenow="50"]' + ); + await expect(progress.locator(':scope > .ui-progress-bar')).toHaveCount(1); + + await expect(page.locator('.ui-tooltip:not([role="tooltip"])')).toHaveCount(1); + await expect(page.locator('dialog[open]')).toBeVisible(); + await expect(page.locator('.ui-modal, .ui-dialog')).toHaveCount(0); +}); diff --git a/tests/fixtures/semantic-component-cases.js b/tests/fixtures/semantic-component-cases.js index cd39ec2..b0419ea 100644 --- a/tests/fixtures/semantic-component-cases.js +++ b/tests/fixtures/semantic-component-cases.js @@ -16,7 +16,7 @@ export const semanticComponentMarkup = ` - + Neutral badge Primary badge Secondary badge @@ -29,12 +29,11 @@ export const semanticComponentMarkup = `
Cell
- 50% - +
- Tooltip - Native modal and dialog fallback + Tooltip + Native modal and dialog fallback `; // Task 11 can consume these cases directly; only the preset root value changes. diff --git a/tests/semantic-component-contract.test.js b/tests/semantic-component-contract.test.js index c440da0..ab5a355 100644 --- a/tests/semantic-component-contract.test.js +++ b/tests/semantic-component-contract.test.js @@ -13,6 +13,37 @@ import { const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..'); const manifest = JSON.parse(fs.readFileSync(path.join(rootDir, 'manifest.json'), 'utf8')); +const expectedRetainedSelectors = ['.ui-spinner', '.ui-tooltip']; +const expectedPendingSelectors = [ + '.ui-button', + '.ui-icon-button', + '.ui-card', + '.ui-field', + '.ui-label', + '.ui-help-text', + '.ui-input', + '.ui-select', + '.ui-textarea', + '.ui-check', + '.ui-check-control', + '.ui-radio', + '.ui-radio-control', + '.ui-switch', + '.ui-switch-track', + '.ui-switch-thumb', + '.ui-badge', + '.ui-alert', + '.ui-alert-title', + '.ui-alert-body', + '.ui-nav', + '.ui-nav-link', + '.ui-table', + '.ui-table-wrap', + '.ui-progress', + '.ui-progress-bar', + '.ui-toolbar' +]; + const expectedSemanticComponentApi = { presetSwitchAttribute: 'data-ui', selectorsByRole: { @@ -87,6 +118,17 @@ const expectedSemanticComponentApi = { presetPrefixedClasses: { status: 'supported', uses: ['compatibility', 'advanced'] + }, + implementationStatus: { + retained: { + status: 'implemented', + selectors: expectedRetainedSelectors + }, + pending: { + status: 'pending', + targetTask: 11, + selectors: expectedPendingSelectors + } } }; @@ -127,6 +169,44 @@ function composedClassNames(preset) { return classNames; } +function selectorFacts(relativeFile) { + const css = fs.readFileSync(path.join(rootDir, relativeFile), 'utf8'); + const facts = []; + + walk(parse(css, { filename: relativeFile }), { + visit: 'Rule', + enter(rule) { + const classes = new Set(); + const attributes = []; + const declarations = new Map(); + + walk(rule.prelude, { + enter(node) { + if (node.type === 'ClassSelector') classes.add(`.${node.name}`); + if (node.type === 'AttributeSelector') { + attributes.push({ + name: node.name?.name, + value: node.value?.value ?? node.value?.name ?? null + }); + } + } + }); + rule.block.children.forEach((node) => { + if (node.type === 'Declaration') declarations.set(node.property, node.value); + }); + facts.push({ classes, attributes, declarations }); + } + }); + + return facts; +} + +function ruleHasAttribute(rule, name, value = null) { + return rule.attributes.some((attribute) => + attribute.name === name && attribute.value === value + ); +} + test('manifest specifies the exact generic semantic component API', () => { assert.ok(manifest.semanticComponentApi, 'manifest.json must declare semanticComponentApi'); assert.deepEqual(manifest.semanticComponentApi, expectedSemanticComponentApi); @@ -138,6 +218,70 @@ test('manifest specifies the exact generic semantic component API', () => { assert.equal(entries.every(({ selector }) => /^\.ui-[a-z]+(?:-[a-z]+)*$/.test(selector)), true); }); +test('manifest distinguishes retained generic hooks from Task 11 selectors', () => { + const implementationStatus = manifest.semanticComponentApi.implementationStatus; + const declaredSelectors = semanticEntries().map(({ selector }) => selector); + + assert.deepEqual(implementationStatus, expectedSemanticComponentApi.implementationStatus); + assert.deepEqual(implementationStatus.retained.selectors, expectedRetainedSelectors); + assert.deepEqual(implementationStatus.pending.selectors, expectedPendingSelectors); + assert.equal(implementationStatus.pending.targetTask, 11); + assert.equal(implementationStatus.retained.selectors.length, 2); + assert.equal(implementationStatus.pending.selectors.length, 27); + assert.deepEqual( + new Set([ + ...implementationStatus.retained.selectors, + ...implementationStatus.pending.selectors + ]), + new Set(declaredSelectors) + ); +}); + +test('authored CSS retains only the two implemented semantic hooks and all legacy aliases', () => { + const authoredSemanticClasses = new Set(); + + for (const preset of manifest.presets) { + const relativeFile = `styles/${preset.id}.css`; + const rules = selectorFacts(relativeFile); + const spinnerRule = rules.find((rule) => rule.classes.has('.ui-spinner')); + const tooltipRule = rules.find((rule) => rule.classes.has('.ui-tooltip')); + + assert.ok(spinnerRule, `${relativeFile} must retain .ui-spinner`); + assert.equal(spinnerRule.classes.has(`.${preset.prefix}-spinner`), true); + assert.equal(spinnerRule.classes.has(`.${preset.prefix}-loading-spinner`), true); + assert.equal(spinnerRule.classes.has('.loading-spinner'), true); + assert.equal(ruleHasAttribute(spinnerRule, 'data-loading-spinner'), true); + assert.equal(ruleHasAttribute(spinnerRule, 'data-ui', preset.id), true); + + assert.ok(tooltipRule, `${relativeFile} must retain .ui-tooltip`); + assert.equal(tooltipRule.classes.has(`.${preset.prefix}-tooltip`), true); + assert.equal(ruleHasAttribute(tooltipRule, 'role', 'tooltip'), true); + assert.equal(ruleHasAttribute(tooltipRule, 'data-tooltip'), true); + assert.equal(ruleHasAttribute(tooltipRule, 'data-ui', preset.id), true); + } + + // Scan every authored stylesheet so pending selectors cannot collide with retained hooks early. + const authoredCssFiles = fs.readdirSync(path.join(rootDir, 'styles')) + .filter((fileName) => fileName.endsWith('.css')); + for (const fileName of authoredCssFiles) { + for (const rule of selectorFacts(`styles/${fileName}`)) { + for (const className of rule.classes) { + if (className.startsWith('.ui-')) authoredSemanticClasses.add(className); + } + } + } + + const anchorRules = selectorFacts('styles/components.css') + .filter((rule) => ruleHasAttribute(rule, 'data-ui-tooltip-anchor')); + assert.ok(anchorRules.length > 0, 'styles/components.css must retain [data-ui-tooltip-anchor]'); + assert.equal( + anchorRules.some((rule) => rule.declarations.has('position')), + true, + 'the authored anchor hook must continue to establish positioning behavior' + ); + assert.deepEqual(authoredSemanticClasses, new Set(expectedRetainedSelectors)); +}); + test('semantic source suffixes and contextual variants exist in every composed preset API', () => { const currentSuffixes = new Set(manifest.classApi.universalVisualSuffixes); const requiredSuffixes = semanticRequiredSuffixes(); @@ -224,6 +368,6 @@ test('manifest presets generate unchanged generic markup cases for Task 11 runti for (const prefix of presetPrefixes) { assert.doesNotMatch(semanticComponentMarkup, new RegExp(`class="[^"]*\\b${prefix}-`)); } - assert.match(semanticComponentMarkup, /Native modal and dialog fallback<\/dialog>/); + assert.match(semanticComponentMarkup, /Native modal and dialog fallback<\/dialog>/); assert.doesNotMatch(semanticComponentMarkup, /\bui-(?:modal|dialog)\b/); }); diff --git a/wiki/Class-API.md b/wiki/Class-API.md index 969f64d..88803af 100644 --- a/wiki/Class-API.md +++ b/wiki/Class-API.md @@ -16,7 +16,7 @@ Examples: `manifest.json#semanticComponentApi` specifies the generic component names that can keep unchanged markup while the root `data-ui` value switches across all 11 presets. The mapped prefixed source suffixes are current and physically present in every composed preset API. -The contract is specified before its new CSS declarations are implemented. `.ui-spinner` and `.ui-tooltip` are the existing retained generic hooks; continue using the prefixed classes for the other components in production until the semantic implementation ships. +The contract is specified before its new CSS declarations are implemented. `manifest.json#semanticComponentApi.implementationStatus` marks `.ui-spinner` and `.ui-tooltip` as the two retained, already-implemented generic hooks and the other 27 selectors as pending Task 11. Continue using the prefixed classes for pending components in production until the semantic implementation ships. | Role | Generic selectors | | --- | --- | From 15f367a09953cff07a1633d52b08321ffea212b6 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sun, 9 Aug 2026 00:13:16 -0500 Subject: [PATCH 29/42] feat: add semantic buttons and cards --- README.md | 6 +- dist/ui-style-kit.css | 426 +++++++++++----------- dist/ui-style-kit.min.css | 2 +- dist/ui-style-kit.visual.css | 426 +++++++++++----------- dist/ui-style-kit.visual.min.css | 2 +- dist/ui-style-kit.with-bridge.css | 426 +++++++++++----------- dist/ui-style-kit.with-bridge.min.css | 2 +- dist/visual/bauhaus.css | 42 +-- dist/visual/bento.css | 42 +-- dist/visual/brutalism.css | 40 +- dist/visual/cyberpunk.css | 42 +-- dist/visual/maximalist.css | 42 +-- dist/visual/minimal-saas.css | 42 +-- dist/visual/neumorphism.css | 48 +-- dist/visual/retro-glass.css | 40 +- dist/visual/retrofuturism.css | 46 +-- dist/visual/tactile.css | 42 +-- dist/visual/y2k.css | 40 +- manifest.json | 11 +- scripts/build.mjs | 95 ++++- tests/e2e/semantic-runtime.spec.js | 200 ++++++++++ tests/semantic-component-contract.test.js | 82 ++++- 22 files changed, 1255 insertions(+), 889 deletions(-) create mode 100644 tests/e2e/semantic-runtime.spec.js diff --git a/README.md b/README.md index 9882100..cf2d4d5 100644 --- a/README.md +++ b/README.md @@ -145,9 +145,9 @@ When the bridge is attached, add `.interactive-surface` to interactable elements | Import | Raw | Gzip | Best for | |---|---:|---:|---| -| `ui-style-kit-css/dist/ui-style-kit.min.css` | ~299 KB | ~39 KB | Compatible runtime UI-system switchers and demos | -| `ui-style-kit-css/visual.min.css` | ~290 KB | ~38 KB | Runtime visual switching with consumer-owned layout | -| `ui-style-kit-css/with-bridge.css` | ~369 KB | ~44 KB | Deprecated runtime switcher plus stateful bridge | +| `ui-style-kit-css/dist/ui-style-kit.min.css` | ~319 KB | ~41 KB | Compatible runtime UI-system switchers and demos | +| `ui-style-kit-css/visual.min.css` | ~311 KB | ~40 KB | Runtime visual switching with consumer-owned layout | +| `ui-style-kit-css/with-bridge.css` | ~391 KB | ~46 KB | Deprecated runtime switcher plus stateful bridge | | `ui-style-kit-css/theme-colors.css` | ~25 KB | ~3 KB | Shared color schemes for standalone style imports | | `ui-style-kit-css/native-elements.css` | ~21 KB | ~3 KB | Shared native HTML fallback styling | | `ui-style-kit-css/content-overflow.css` | ~7 KB | ~1 KB | Shared long-text containment for standalone style imports | diff --git a/dist/ui-style-kit.css b/dist/ui-style-kit.css index 3e79371..6938378 100644 --- a/dist/ui-style-kit.css +++ b/dist/ui-style-kit.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2214,7 +2214,7 @@ background-size: var(--saas-theme-bg-size); } - .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link { + .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button { font-family: var(--saas-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap { + .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card { background: linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface); color: var(--saas-text); border: 1px solid var(--saas-border); @@ -2270,7 +2270,7 @@ position: relative; } - .saas-card, .saas-panel { + .saas-card, .saas-panel, :where([data-ui="minimal-saas"]) .ui-card { padding: var(--saas-space-6); } @@ -2307,7 +2307,7 @@ transform: translateY(-2px); } - .saas-button, .saas-icon-button { + .saas-button, .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2331,71 +2331,71 @@ display: inline-flex; } - .saas-button:hover, .saas-icon-button:hover { + .saas-button:hover, .saas-icon-button:hover, :where([data-ui="minimal-saas"]) .ui-button:hover, :where([data-ui="minimal-saas"]) .ui-icon-button:hover { border-color: var(--saas-primary); transform: translateY(-1px); } - .saas-button:active, .saas-icon-button:active, .saas-button[aria-pressed="true"], .saas-icon-button[aria-pressed="true"], .saas-button.is-active, .saas-icon-button.is-active { + .saas-button:active, .saas-icon-button:active, .saas-button[aria-pressed="true"], .saas-icon-button[aria-pressed="true"], .saas-button.is-active, .saas-icon-button.is-active, :where([data-ui="minimal-saas"]) .ui-button:active, :where([data-ui="minimal-saas"]) .ui-icon-button:active, :where([data-ui="minimal-saas"]) .ui-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .ui-button.is-active, :where([data-ui="minimal-saas"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .saas-button-primary { + .saas-button-primary, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--saas-primary); color: var(--saas-on-primary); border-color: var(--saas-primary); } - .saas-button-primary:hover { + .saas-button-primary:hover, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--saas-primary-hover); border-color: var(--saas-primary-hover); } - .saas-button-secondary { + .saas-button-secondary, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--saas-secondary); color: var(--saas-on-secondary); border-color: var(--saas-secondary); } - .saas-button-secondary:hover { + .saas-button-secondary:hover, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--saas-secondary-hover); border-color: var(--saas-secondary-hover); } - .saas-button-danger { + .saas-button-danger, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--saas-danger); color: var(--saas-on-danger); border-color: var(--saas-danger); } - .saas-button-ghost { + .saas-button-ghost, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--saas-text); box-shadow: none; background: none; } - .saas-icon-button { + .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-icon-button { border-radius: var(--saas-radius-pill); width: 2.75rem; padding: 0; } - .saas-button:disabled, .saas-icon-button:disabled, .saas-disabled { + .saas-button:disabled, .saas-icon-button:disabled, .saas-disabled, :where([data-ui="minimal-saas"]) .ui-button:disabled, :where([data-ui="minimal-saas"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .saas-card, .saas-panel { + .saas-card, .saas-panel, :where([data-ui="minimal-saas"]) .ui-card { background: var(--saas-card-bg); } - .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button { + .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { background: var(--saas-control-bg); } - .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link { + .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { font-family: var(--saas-font-control); } @@ -2879,12 +2879,12 @@ inline-size: 3rem; } - .saas-button[aria-busy="true"], .saas-icon-button[aria-busy="true"], [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .saas-button[aria-busy="true"], .saas-icon-button[aria-busy="true"], [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"], :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .saas-button[aria-busy="true"]:after, .saas-icon-button[aria-busy="true"]:after, [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .saas-button[aria-busy="true"]:after, .saas-icon-button[aria-busy="true"]:after, [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"]:after, :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--saas-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -3110,7 +3110,7 @@ background-size: var(--bento-theme-bg-size); } - .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link { + .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button { font-family: var(--bento-font-heading); } @@ -3156,7 +3156,7 @@ height: 1px; } - .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap { + .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card { background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface); color: var(--bento-text); border: 1px solid var(--bento-border); @@ -3166,7 +3166,7 @@ position: relative; } - .bento-card, .bento-panel { + .bento-card, .bento-panel, :where([data-ui="bento"]) .ui-card { padding: var(--bento-space-6); } @@ -3203,7 +3203,7 @@ transform: translateY(-3px) scale(1.005); } - .bento-button, .bento-icon-button { + .bento-button, .bento-icon-button, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -3227,71 +3227,71 @@ display: inline-flex; } - .bento-button:hover, .bento-icon-button:hover { + .bento-button:hover, .bento-icon-button:hover, :where([data-ui="bento"]) .ui-button:hover, :where([data-ui="bento"]) .ui-icon-button:hover { border-color: var(--bento-primary); transform: translateY(-1px); } - .bento-button:active, .bento-icon-button:active, .bento-button[aria-pressed="true"], .bento-icon-button[aria-pressed="true"], .bento-button.is-active, .bento-icon-button.is-active { + .bento-button:active, .bento-icon-button:active, .bento-button[aria-pressed="true"], .bento-icon-button[aria-pressed="true"], .bento-button.is-active, .bento-icon-button.is-active, :where([data-ui="bento"]) .ui-button:active, :where([data-ui="bento"]) .ui-icon-button:active, :where([data-ui="bento"]) .ui-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-button.is-active, :where([data-ui="bento"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .bento-button-primary { + .bento-button-primary, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--bento-primary); color: var(--bento-on-primary); border-color: var(--bento-primary); } - .bento-button-primary:hover { + .bento-button-primary:hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--bento-primary-hover); border-color: var(--bento-primary-hover); } - .bento-button-secondary { + .bento-button-secondary, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--bento-secondary); color: var(--bento-on-secondary); border-color: var(--bento-secondary); } - .bento-button-secondary:hover { + .bento-button-secondary:hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--bento-secondary-hover); border-color: var(--bento-secondary-hover); } - .bento-button-danger { + .bento-button-danger, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--bento-danger); color: var(--bento-on-danger); border-color: var(--bento-danger); } - .bento-button-ghost { + .bento-button-ghost, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--bento-text); box-shadow: none; background: none; } - .bento-icon-button { + .bento-icon-button, :where([data-ui="bento"]) .ui-icon-button { border-radius: var(--bento-radius-pill); width: 2.75rem; padding: 0; } - .bento-button:disabled, .bento-icon-button:disabled, .bento-disabled { + .bento-button:disabled, .bento-icon-button:disabled, .bento-disabled, :where([data-ui="bento"]) .ui-button:disabled, :where([data-ui="bento"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .bento-card, .bento-panel { + .bento-card, .bento-panel, :where([data-ui="bento"]) .ui-card { background: var(--bento-card-bg); } - .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button { + .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { background: var(--bento-control-bg); } - .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link { + .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { font-family: var(--bento-font-control); } @@ -3796,12 +3796,12 @@ inline-size: 3rem; } - .bento-button[aria-busy="true"], .bento-icon-button[aria-busy="true"], [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .bento-button[aria-busy="true"], .bento-icon-button[aria-busy="true"], [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="bento"]) .ui-button[aria-busy="true"], :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="bento"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--bento-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -4027,7 +4027,7 @@ background-size: var(--max-theme-bg-size); } - .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link { + .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button { font-family: var(--max-font-heading); } @@ -4074,7 +4074,7 @@ height: 3px; } - .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap { + .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card { background: linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface); color: var(--max-text); border: 3px solid var(--max-border); @@ -4084,7 +4084,7 @@ position: relative; } - .max-card, .max-panel { + .max-card, .max-panel, :where([data-ui="maximalist"]) .ui-card { padding: var(--max-space-6); } @@ -4121,7 +4121,7 @@ transform: translate(-2px, -2px); } - .max-button, .max-icon-button { + .max-button, .max-icon-button, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -4145,71 +4145,71 @@ display: inline-flex; } - .max-button:hover, .max-icon-button:hover { + .max-button:hover, .max-icon-button:hover, :where([data-ui="maximalist"]) .ui-button:hover, :where([data-ui="maximalist"]) .ui-icon-button:hover { border-color: var(--max-primary); transform: translateY(-1px); } - .max-button:active, .max-icon-button:active, .max-button[aria-pressed="true"], .max-icon-button[aria-pressed="true"], .max-button.is-active, .max-icon-button.is-active { + .max-button:active, .max-icon-button:active, .max-button[aria-pressed="true"], .max-icon-button[aria-pressed="true"], .max-button.is-active, .max-icon-button.is-active, :where([data-ui="maximalist"]) .ui-button:active, :where([data-ui="maximalist"]) .ui-icon-button:active, :where([data-ui="maximalist"]) .ui-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-button.is-active, :where([data-ui="maximalist"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .max-button-primary { + .max-button-primary, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--max-primary); color: var(--max-on-primary); border-color: var(--max-primary); } - .max-button-primary:hover { + .max-button-primary:hover, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--max-primary-hover); border-color: var(--max-primary-hover); } - .max-button-secondary { + .max-button-secondary, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--max-secondary); color: var(--max-on-secondary); border-color: var(--max-secondary); } - .max-button-secondary:hover { + .max-button-secondary:hover, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--max-secondary-hover); border-color: var(--max-secondary-hover); } - .max-button-danger { + .max-button-danger, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--max-danger); color: var(--max-on-danger); border-color: var(--max-danger); } - .max-button-ghost { + .max-button-ghost, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--max-text); box-shadow: none; background: none; } - .max-icon-button { + .max-icon-button, :where([data-ui="maximalist"]) .ui-icon-button { border-radius: var(--max-radius-pill); width: 2.75rem; padding: 0; } - .max-button:disabled, .max-icon-button:disabled, .max-disabled { + .max-button:disabled, .max-icon-button:disabled, .max-disabled, :where([data-ui="maximalist"]) .ui-button:disabled, :where([data-ui="maximalist"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .max-card, .max-panel { + .max-card, .max-panel, :where([data-ui="maximalist"]) .ui-card { background: var(--max-card-bg); } - .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button { + .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { background: var(--max-control-bg); } - .max-button, .max-icon-button, .max-badge, .max-nav-link { + .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { font-family: var(--max-font-control); } @@ -4701,12 +4701,12 @@ inline-size: 3rem; } - .max-button[aria-busy="true"], .max-icon-button[aria-busy="true"], [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .max-button[aria-busy="true"], .max-icon-button[aria-busy="true"], [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="maximalist"]) .ui-button[aria-busy="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="maximalist"]) .ui-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--max-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -4933,7 +4933,7 @@ background-size: var(--bau-theme-bg-size); } - .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link { + .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button { font-family: var(--bau-font-heading); } @@ -4980,7 +4980,7 @@ height: 2px; } - .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap { + .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card { background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface); color: var(--bau-text); border: 2px solid var(--bau-border); @@ -4990,7 +4990,7 @@ position: relative; } - .bau-card, .bau-panel { + .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card { padding: var(--bau-space-6); } @@ -5027,7 +5027,7 @@ transform: translate(-3px, -3px); } - .bau-button, .bau-icon-button { + .bau-button, .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -5051,71 +5051,71 @@ display: inline-flex; } - .bau-button:hover, .bau-icon-button:hover { + .bau-button:hover, .bau-icon-button:hover, :where([data-ui="bauhaus"]) .ui-button:hover, :where([data-ui="bauhaus"]) .ui-icon-button:hover { border-color: var(--bau-primary); transform: translateY(-1px); } - .bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active { + .bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active, :where([data-ui="bauhaus"]) .ui-button:active, :where([data-ui="bauhaus"]) .ui-icon-button:active, :where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-button.is-active, :where([data-ui="bauhaus"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .bau-button-primary { + .bau-button-primary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--bau-primary); color: var(--bau-on-primary); border-color: var(--bau-primary); } - .bau-button-primary:hover { + .bau-button-primary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--bau-primary-hover); border-color: var(--bau-primary-hover); } - .bau-button-secondary { + .bau-button-secondary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--bau-secondary); color: var(--bau-on-secondary); border-color: var(--bau-secondary); } - .bau-button-secondary:hover { + .bau-button-secondary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--bau-secondary-hover); border-color: var(--bau-secondary-hover); } - .bau-button-danger { + .bau-button-danger, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--bau-danger); color: var(--bau-on-danger); border-color: var(--bau-danger); } - .bau-button-ghost { + .bau-button-ghost, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--bau-text); box-shadow: none; background: none; } - .bau-icon-button { + .bau-icon-button, :where([data-ui="bauhaus"]) .ui-icon-button { border-radius: var(--bau-radius-pill); width: 2.75rem; padding: 0; } - .bau-button:disabled, .bau-icon-button:disabled, .bau-disabled { + .bau-button:disabled, .bau-icon-button:disabled, .bau-disabled, :where([data-ui="bauhaus"]) .ui-button:disabled, :where([data-ui="bauhaus"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .bau-card, .bau-panel { + .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card { background: var(--bau-card-bg); } - .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button { + .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { background: var(--bau-control-bg); } - .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link { + .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { font-family: var(--bau-font-control); } @@ -5599,12 +5599,12 @@ inline-size: 3rem; } - .bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--bau-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -5830,7 +5830,7 @@ background-size: var(--tactile-theme-bg-size); } - .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link { + .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button { font-family: var(--tactile-font-heading); } @@ -5876,7 +5876,7 @@ height: 1px; } - .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap { + .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface); color: var(--tactile-text); border: 1px solid var(--tactile-border); @@ -5886,7 +5886,7 @@ position: relative; } - .tactile-card, .tactile-panel { + .tactile-card, .tactile-panel, :where([data-ui="tactile"]) .ui-card { padding: var(--tactile-space-6); } @@ -5923,7 +5923,7 @@ transform: translateY(-2px); } - .tactile-button, .tactile-icon-button { + .tactile-button, .tactile-icon-button, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -5947,71 +5947,71 @@ display: inline-flex; } - .tactile-button:hover, .tactile-icon-button:hover { + .tactile-button:hover, .tactile-icon-button:hover, :where([data-ui="tactile"]) .ui-button:hover, :where([data-ui="tactile"]) .ui-icon-button:hover { border-color: var(--tactile-primary); transform: translateY(-1px); } - .tactile-button:active, .tactile-icon-button:active, .tactile-button[aria-pressed="true"], .tactile-icon-button[aria-pressed="true"], .tactile-button.is-active, .tactile-icon-button.is-active { + .tactile-button:active, .tactile-icon-button:active, .tactile-button[aria-pressed="true"], .tactile-icon-button[aria-pressed="true"], .tactile-button.is-active, .tactile-icon-button.is-active, :where([data-ui="tactile"]) .ui-button:active, :where([data-ui="tactile"]) .ui-icon-button:active, :where([data-ui="tactile"]) .ui-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-button.is-active, :where([data-ui="tactile"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .tactile-button-primary { + .tactile-button-primary, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--tactile-primary); color: var(--tactile-on-primary); border-color: var(--tactile-primary); } - .tactile-button-primary:hover { + .tactile-button-primary:hover, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--tactile-primary-hover); border-color: var(--tactile-primary-hover); } - .tactile-button-secondary { + .tactile-button-secondary, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--tactile-secondary); color: var(--tactile-on-secondary); border-color: var(--tactile-secondary); } - .tactile-button-secondary:hover { + .tactile-button-secondary:hover, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--tactile-secondary-hover); border-color: var(--tactile-secondary-hover); } - .tactile-button-danger { + .tactile-button-danger, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--tactile-danger); color: var(--tactile-on-danger); border-color: var(--tactile-danger); } - .tactile-button-ghost { + .tactile-button-ghost, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--tactile-text); box-shadow: none; background: none; } - .tactile-icon-button { + .tactile-icon-button, :where([data-ui="tactile"]) .ui-icon-button { border-radius: var(--tactile-radius-pill); width: 2.75rem; padding: 0; } - .tactile-button:disabled, .tactile-icon-button:disabled, .tactile-disabled { + .tactile-button:disabled, .tactile-icon-button:disabled, .tactile-disabled, :where([data-ui="tactile"]) .ui-button:disabled, :where([data-ui="tactile"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .tactile-card, .tactile-panel { + .tactile-card, .tactile-panel, :where([data-ui="tactile"]) .ui-card { background: var(--tactile-card-bg); } - .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button { + .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { background: var(--tactile-control-bg); } - .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link { + .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { font-family: var(--tactile-font-control); } @@ -6482,12 +6482,12 @@ inline-size: 3rem; } - .tactile-button[aria-busy="true"], .tactile-icon-button[aria-busy="true"], [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .tactile-button[aria-busy="true"], .tactile-icon-button[aria-busy="true"], [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="tactile"]) .ui-button[aria-busy="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="tactile"]) .ui-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--tactile-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -6713,7 +6713,7 @@ background-size: var(--neo-theme-bg-size); } - .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link { + .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button { font-family: var(--neo-font-heading); } @@ -6759,7 +6759,7 @@ height: 1px; } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface); color: var(--neo-text); border: 1px solid var(--neo-border); @@ -6769,7 +6769,7 @@ position: relative; } - .neo-card, .neo-panel { + .neo-card, .neo-panel, :where([data-ui="neumorphism"]) .ui-card { padding: var(--neo-space-6); } @@ -6806,7 +6806,7 @@ transform: translateY(-2px); } - .neo-button, .neo-icon-button { + .neo-button, .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -6830,71 +6830,71 @@ display: inline-flex; } - .neo-button:hover, .neo-icon-button:hover { + .neo-button:hover, .neo-icon-button:hover, :where([data-ui="neumorphism"]) .ui-button:hover, :where([data-ui="neumorphism"]) .ui-icon-button:hover { border-color: var(--neo-primary); transform: translateY(-1px); } - .neo-button:active, .neo-icon-button:active, .neo-button[aria-pressed="true"], .neo-icon-button[aria-pressed="true"], .neo-button.is-active, .neo-icon-button.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button[aria-pressed="true"], .neo-icon-button[aria-pressed="true"], .neo-button.is-active, .neo-icon-button.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .neo-button-primary { + .neo-button-primary, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--neo-primary); color: var(--neo-on-primary); border-color: var(--neo-primary); } - .neo-button-primary:hover { + .neo-button-primary:hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--neo-primary-hover); border-color: var(--neo-primary-hover); } - .neo-button-secondary { + .neo-button-secondary, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--neo-secondary); color: var(--neo-on-secondary); border-color: var(--neo-secondary); } - .neo-button-secondary:hover { + .neo-button-secondary:hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--neo-secondary-hover); border-color: var(--neo-secondary-hover); } - .neo-button-danger { + .neo-button-danger, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--neo-danger); color: var(--neo-on-danger); border-color: var(--neo-danger); } - .neo-button-ghost { + .neo-button-ghost, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--neo-text); box-shadow: none; background: none; } - .neo-icon-button { + .neo-icon-button, :where([data-ui="neumorphism"]) .ui-icon-button { border-radius: var(--neo-radius-pill); width: 2.75rem; padding: 0; } - .neo-button:disabled, .neo-icon-button:disabled, .neo-disabled { + .neo-button:disabled, .neo-icon-button:disabled, .neo-disabled, :where([data-ui="neumorphism"]) .ui-button:disabled, :where([data-ui="neumorphism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .neo-card, .neo-panel { + .neo-card, .neo-panel, :where([data-ui="neumorphism"]) .ui-card { background: var(--neo-card-bg); } - .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button { + .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { background: var(--neo-control-bg); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { font-family: var(--neo-font-control); } @@ -7337,7 +7337,7 @@ background: var(--neo-bg); } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { border-color: rgb(var(--neo-border-rgb)/.14); box-shadow: 10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light); } @@ -7350,11 +7350,11 @@ box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { box-shadow: 5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light); } - .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { box-shadow: inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light); } @@ -7384,12 +7384,12 @@ inline-size: 3rem; } - .neo-button[aria-busy="true"], .neo-icon-button[aria-busy="true"], [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .neo-button[aria-busy="true"], .neo-icon-button[aria-busy="true"], [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="neumorphism"]) .ui-button[aria-busy="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .neo-button[aria-busy="true"]:after, .neo-icon-button[aria-busy="true"]:after, [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .neo-button[aria-busy="true"]:after, .neo-icon-button[aria-busy="true"]:after, [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="neumorphism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="neumorphism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--neo-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -7615,7 +7615,7 @@ background-size: var(--retro-theme-bg-size); } - .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link { + .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button { font-family: var(--retro-font-heading); } @@ -7661,7 +7661,7 @@ height: 1px; } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { background: linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface); color: var(--retro-text); border: 1px solid var(--retro-border); @@ -7671,7 +7671,7 @@ position: relative; } - .retro-card, .retro-panel { + .retro-card, .retro-panel, :where([data-ui="retrofuturism"]) .ui-card { padding: var(--retro-space-6); } @@ -7708,7 +7708,7 @@ transform: translateY(-3px) scale(1.005); } - .retro-button, .retro-icon-button { + .retro-button, .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -7732,71 +7732,71 @@ display: inline-flex; } - .retro-button:hover, .retro-icon-button:hover { + .retro-button:hover, .retro-icon-button:hover, :where([data-ui="retrofuturism"]) .ui-button:hover, :where([data-ui="retrofuturism"]) .ui-icon-button:hover { border-color: var(--retro-primary); transform: translateY(-1px); } - .retro-button:active, .retro-icon-button:active, .retro-button[aria-pressed="true"], .retro-icon-button[aria-pressed="true"], .retro-button.is-active, .retro-icon-button.is-active { + .retro-button:active, .retro-icon-button:active, .retro-button[aria-pressed="true"], .retro-icon-button[aria-pressed="true"], .retro-button.is-active, .retro-icon-button.is-active, :where([data-ui="retrofuturism"]) .ui-button:active, :where([data-ui="retrofuturism"]) .ui-icon-button:active, :where([data-ui="retrofuturism"]) .ui-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-button.is-active, :where([data-ui="retrofuturism"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .retro-button-primary { + .retro-button-primary, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--retro-primary); color: var(--retro-on-primary); border-color: var(--retro-primary); } - .retro-button-primary:hover { + .retro-button-primary:hover, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--retro-primary-hover); border-color: var(--retro-primary-hover); } - .retro-button-secondary { + .retro-button-secondary, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--retro-secondary); color: var(--retro-on-secondary); border-color: var(--retro-secondary); } - .retro-button-secondary:hover { + .retro-button-secondary:hover, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--retro-secondary-hover); border-color: var(--retro-secondary-hover); } - .retro-button-danger { + .retro-button-danger, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--retro-danger); color: var(--retro-on-danger); border-color: var(--retro-danger); } - .retro-button-ghost { + .retro-button-ghost, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--retro-text); box-shadow: none; background: none; } - .retro-icon-button { + .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-icon-button { border-radius: var(--retro-radius-pill); width: 2.75rem; padding: 0; } - .retro-button:disabled, .retro-icon-button:disabled, .retro-disabled { + .retro-button:disabled, .retro-icon-button:disabled, .retro-disabled, :where([data-ui="retrofuturism"]) .ui-button:disabled, :where([data-ui="retrofuturism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .retro-card, .retro-panel { + .retro-card, .retro-panel, :where([data-ui="retrofuturism"]) .ui-card { background: var(--retro-card-bg); } - .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button { + .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { background: var(--retro-control-bg); } - .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link { + .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { font-family: var(--retro-font-control); } @@ -8238,12 +8238,12 @@ text-shadow: 0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16); } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { background: linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface); box-shadow: 0 18px 48px rgb(0 0 0 / var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14); } - .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active { + .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { box-shadow: 0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22); } @@ -8273,12 +8273,12 @@ inline-size: 3rem; } - .retro-button[aria-busy="true"], .retro-icon-button[aria-busy="true"], [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .retro-button[aria-busy="true"], .retro-icon-button[aria-busy="true"], [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .retro-button[aria-busy="true"]:after, .retro-icon-button[aria-busy="true"]:after, [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .retro-button[aria-busy="true"]:after, .retro-icon-button[aria-busy="true"]:after, [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--retro-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -8550,12 +8550,12 @@ inline-size: 3rem; } - .brutal-button[aria-busy="true"], .brutal-icon-button[aria-busy="true"], [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .brutal-button[aria-busy="true"], .brutal-icon-button[aria-busy="true"], [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="brutalism"]) .ui-button[aria-busy="true"], :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .brutal-button[aria-busy="true"]:after, .brutal-icon-button[aria-busy="true"]:after, [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .brutal-button[aria-busy="true"]:after, .brutal-icon-button[aria-busy="true"]:after, [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="brutalism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--brutal-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -8572,7 +8572,7 @@ } } - .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link { + .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button { font-family: var(--brutal-font-heading); text-transform: uppercase; } @@ -8611,7 +8611,7 @@ color: var(--brutal-text-muted); } - .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap { + .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card { background: var(--brutal-surface-strong); color: var(--brutal-text); border: 3px solid var(--brutal-border); @@ -8620,7 +8620,7 @@ transition: transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast); } - .brutal-card, .brutal-panel { + .brutal-card, .brutal-panel, :where([data-ui="brutalism"]) .ui-card { padding: var(--brutal-space-6); } @@ -8655,7 +8655,7 @@ transform: translate(4px, 4px); } - .brutal-button, .brutal-icon-button { + .brutal-button, .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -8678,60 +8678,60 @@ display: inline-flex; } - .brutal-button:hover, .brutal-icon-button:hover { + .brutal-button:hover, .brutal-icon-button:hover, :where([data-ui="brutalism"]) .ui-button:hover, :where([data-ui="brutalism"]) .ui-icon-button:hover { box-shadow: 8px 8px 0 var(--brutal-primary); transform: translate(-2px, -2px); } - .brutal-button:active, .brutal-icon-button:active, .brutal-button.is-active, .brutal-button[aria-pressed="true"] { + .brutal-button:active, .brutal-icon-button:active, .brutal-button.is-active, .brutal-button[aria-pressed="true"], :where([data-ui="brutalism"]) .ui-button:active, :where([data-ui="brutalism"]) .ui-icon-button:active, :where([data-ui="brutalism"]) .ui-button.is-active, :where([data-ui="brutalism"]) .ui-button[aria-pressed="true"] { box-shadow: 2px 2px 0 var(--brutal-secondary); transform: translate(4px, 4px); } - .brutal-button-primary { + .brutal-button-primary, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--brutal-primary); color: var(--brutal-on-primary); } - .brutal-button-primary:hover { + .brutal-button-primary:hover, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--brutal-primary-hover); } - .brutal-button-secondary { + .brutal-button-secondary, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--brutal-secondary); color: var(--brutal-on-secondary); box-shadow: 6px 6px 0 var(--brutal-primary); } - .brutal-button-secondary:hover { + .brutal-button-secondary:hover, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--brutal-secondary-hover); } - .brutal-button-danger { + .brutal-button-danger, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--brutal-danger); color: var(--brutal-on-danger); } - .brutal-icon-button { + .brutal-icon-button, :where([data-ui="brutalism"]) .ui-icon-button { width: 2.85rem; padding: 0; } - .brutal-button:disabled, .brutal-icon-button:disabled, .brutal-disabled { + .brutal-button:disabled, .brutal-icon-button:disabled, .brutal-disabled, :where([data-ui="brutalism"]) .ui-button:disabled, :where([data-ui="brutalism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .brutal-card, .brutal-panel { + .brutal-card, .brutal-panel, :where([data-ui="brutalism"]) .ui-card { background: var(--brutal-card-bg); } - .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button { + .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { background: var(--brutal-control-bg); } - .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link { + .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { font-family: var(--brutal-font-control); } @@ -9205,7 +9205,7 @@ color: var(--cyber-on-primary); } - .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link { + .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button { font-family: var(--cyber-font-heading); text-transform: uppercase; } @@ -9243,7 +9243,7 @@ color: var(--cyber-text-muted); } - .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap { + .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card { background: linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface); color: var(--cyber-text); border: 1px solid var(--cyber-border); @@ -9255,7 +9255,7 @@ overflow: hidden; } - .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before { + .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before { content: ""; pointer-events: none; border-top: 2px solid rgb(var(--cyber-primary-rgb)/.5); @@ -9264,7 +9264,7 @@ inset: 0; } - .cyber-card, .cyber-panel, .cyber-console { + .cyber-card, .cyber-panel, .cyber-console, :where([data-ui="cyberpunk"]) .ui-card { padding: var(--cyber-space-6); } @@ -9298,7 +9298,7 @@ padding: var(--cyber-space-5); } - .cyber-button, .cyber-icon-button { + .cyber-button, .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -9321,41 +9321,41 @@ display: inline-flex; } - .cyber-button:hover, .cyber-icon-button:hover { + .cyber-button:hover, .cyber-icon-button:hover, :where([data-ui="cyberpunk"]) .ui-button:hover, :where([data-ui="cyberpunk"]) .ui-icon-button:hover { box-shadow: var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary); transform: translateY(-1px); } - .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-active, .cyber-button[aria-pressed="true"] { + .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-active, .cyber-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-button:active, :where([data-ui="cyberpunk"]) .ui-icon-button:active, :where([data-ui="cyberpunk"]) .ui-button.is-active, :where([data-ui="cyberpunk"]) .ui-button[aria-pressed="true"] { box-shadow: inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary); transform: translateY(1px); } - .cyber-button-primary { + .cyber-button-primary, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary); color: var(--cyber-on-primary); } - .cyber-button-primary:hover { + .cyber-button-primary:hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--cyber-primary-hover); } - .cyber-button-secondary { + .cyber-button-secondary, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary); color: var(--cyber-on-secondary); border-color: rgb(var(--cyber-secondary-rgb)/.7); } - .cyber-button-secondary:hover { + .cyber-button-secondary:hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--cyber-secondary-hover); } - .cyber-button-danger { + .cyber-button-danger, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--cyber-danger); color: var(--cyber-on-danger); } - .cyber-icon-button { + .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -9611,7 +9611,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -9622,15 +9622,15 @@ } } - .cyber-card, .cyber-panel { + .cyber-card, .cyber-panel, :where([data-ui="cyberpunk"]) .ui-card { background: var(--cyber-card-bg); } - .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button { + .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { background: var(--cyber-control-bg); } - .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link { + .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { font-family: var(--cyber-font-control); } @@ -9661,12 +9661,12 @@ inline-size: 3rem; } - .cyber-button[aria-busy="true"], .cyber-icon-button[aria-busy="true"], [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .cyber-button[aria-busy="true"], .cyber-icon-button[aria-busy="true"], [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--cyber-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -9911,7 +9911,7 @@ color: var(--y2k-on-primary); } - .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link { + .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button { font-family: var(--y2k-font-heading); } @@ -9949,7 +9949,7 @@ color: var(--y2k-text-muted); } - .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap { + .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card { background: linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface); color: var(--y2k-text); border: 1px solid #ffffff61; @@ -9962,7 +9962,7 @@ overflow: hidden; } - .y2k-card:before, .y2k-panel:before, .y2k-bubble:before { + .y2k-card:before, .y2k-panel:before, .y2k-bubble:before, :where([data-ui="y2k"]) .ui-card:before { content: ""; pointer-events: none; background: radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12)); @@ -9970,7 +9970,7 @@ inset: 0; } - .y2k-card, .y2k-panel, .y2k-bubble { + .y2k-card, .y2k-panel, .y2k-bubble, :where([data-ui="y2k"]) .ui-card { padding: var(--y2k-space-6); } @@ -10000,7 +10000,7 @@ padding: var(--y2k-space-5); } - .y2k-button, .y2k-icon-button { + .y2k-button, .y2k-icon-button, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -10022,40 +10022,40 @@ display: inline-flex; } - .y2k-button:hover, .y2k-icon-button:hover { + .y2k-button:hover, .y2k-icon-button:hover, :where([data-ui="y2k"]) .ui-button:hover, :where([data-ui="y2k"]) .ui-icon-button:hover { box-shadow: var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent); transform: translateY(-2px); } - .y2k-button:active, .y2k-icon-button:active, .y2k-button.is-active, .y2k-button[aria-pressed="true"] { + .y2k-button:active, .y2k-icon-button:active, .y2k-button.is-active, .y2k-button[aria-pressed="true"], :where([data-ui="y2k"]) .ui-button:active, :where([data-ui="y2k"]) .ui-icon-button:active, :where([data-ui="y2k"]) .ui-button.is-active, :where([data-ui="y2k"]) .ui-button[aria-pressed="true"] { transform: translateY(1px) scale(.99); box-shadow: inset 0 8px 16px #00000024; } - .y2k-button-primary { + .y2k-button-primary, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary); color: var(--y2k-on-primary); } - .y2k-button-primary:hover { + .y2k-button-primary:hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]):hover { background: linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover); } - .y2k-button-secondary { + .y2k-button-secondary, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary); color: var(--y2k-on-secondary); } - .y2k-button-secondary:hover { + .y2k-button-secondary:hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--y2k-secondary-hover); } - .y2k-button-danger { + .y2k-button-danger, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--y2k-danger); color: var(--y2k-on-danger); } - .y2k-icon-button { + .y2k-icon-button, :where([data-ui="y2k"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -10302,15 +10302,15 @@ } } - .y2k-card, .y2k-panel { + .y2k-card, .y2k-panel, :where([data-ui="y2k"]) .ui-card { background: var(--y2k-card-bg); } - .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button { + .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { background: var(--y2k-control-bg); } - .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link { + .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { font-family: var(--y2k-font-control); } @@ -10340,12 +10340,12 @@ inline-size: 3rem; } - .y2k-button[aria-busy="true"], .y2k-icon-button[aria-busy="true"], [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .y2k-button[aria-busy="true"], .y2k-icon-button[aria-busy="true"], [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="y2k"]) .ui-button[aria-busy="true"], :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .y2k-button[aria-busy="true"]:after, .y2k-icon-button[aria-busy="true"]:after, [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .y2k-button[aria-busy="true"]:after, .y2k-icon-button[aria-busy="true"]:after, [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="y2k"]) .ui-button[aria-busy="true"]:after, :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--y2k-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -10590,7 +10590,7 @@ color: var(--rg-on-primary); } - .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link { + .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button { font-family: var(--rg-font-heading); text-transform: uppercase; } @@ -10627,7 +10627,7 @@ color: var(--rg-text-muted); } - .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap { + .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card { background: linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface); color: var(--rg-text); border: 1px solid var(--rg-border); @@ -10641,7 +10641,7 @@ overflow: hidden; } - .rg-card:before, .rg-panel:before, .rg-console:before { + .rg-card:before, .rg-panel:before, .rg-console:before, :where([data-ui="retro-glass"]) .ui-card:before { content: ""; pointer-events: none; background: linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent); @@ -10649,7 +10649,7 @@ inset: 0; } - .rg-card, .rg-panel, .rg-console { + .rg-card, .rg-panel, .rg-console, :where([data-ui="retro-glass"]) .ui-card { padding: var(--rg-space-6); } @@ -10685,7 +10685,7 @@ padding: var(--rg-space-5); } - .rg-button, .rg-icon-button { + .rg-button, .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -10709,43 +10709,43 @@ display: inline-flex; } - .rg-button:hover, .rg-icon-button:hover { + .rg-button:hover, .rg-icon-button:hover, :where([data-ui="retro-glass"]) .ui-button:hover, :where([data-ui="retro-glass"]) .ui-icon-button:hover { border-color: rgb(var(--rg-primary-rgb)/.68); box-shadow: var(--rg-shadow-md),0 0 24px var(--rg-glow-primary); transform: translateY(-2px); } - .rg-button:active, .rg-icon-button:active, .rg-button.is-active, .rg-button[aria-pressed="true"] { + .rg-button:active, .rg-icon-button:active, .rg-button.is-active, .rg-button[aria-pressed="true"], :where([data-ui="retro-glass"]) .ui-button:active, :where([data-ui="retro-glass"]) .ui-icon-button:active, :where([data-ui="retro-glass"]) .ui-button.is-active, :where([data-ui="retro-glass"]) .ui-button[aria-pressed="true"] { box-shadow: inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary); transform: translateY(1px); } - .rg-button-primary { + .rg-button-primary, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary); color: var(--rg-on-primary); border-color: rgb(var(--rg-primary-rgb)/.72); } - .rg-button-primary:hover { + .rg-button-primary:hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--rg-primary-hover); } - .rg-button-secondary { + .rg-button-secondary, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary); color: var(--rg-on-secondary); border-color: rgb(var(--rg-secondary-rgb)/.72); } - .rg-button-secondary:hover { + .rg-button-secondary:hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--rg-secondary-hover); } - .rg-button-danger { + .rg-button-danger, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--rg-danger); color: var(--rg-on-danger); } - .rg-icon-button { + .rg-icon-button, :where([data-ui="retro-glass"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -11019,15 +11019,15 @@ } } - .rg-card, .rg-panel { + .rg-card, .rg-panel, :where([data-ui="retro-glass"]) .ui-card { background: var(--rg-card-bg); } - .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button { + .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { background: var(--rg-control-bg); } - .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link { + .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { font-family: var(--rg-font-control); } @@ -11058,12 +11058,12 @@ inline-size: 3rem; } - .rg-button[aria-busy="true"], .rg-icon-button[aria-busy="true"], [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .rg-button[aria-busy="true"], .rg-icon-button[aria-busy="true"], [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"], :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--rg-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/ui-style-kit.min.css b/dist/ui-style-kit.min.css index 02ec1da..6904d2c 100644 --- a/dist/ui-style-kit.min.css +++ b/dist/ui-style-kit.min.css @@ -4,4 +4,4 @@ * License: MIT */ @layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout; -@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost{color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost{color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link{font-family:var(--saas-font-control)}.saas-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost{color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link{font-family:var(--bento-font-control)}.bento-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost{color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link{font-family:var(--max-font-control)}.max-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control{border-radius:var(--max-radius-xs)}.max-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost{color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link{font-family:var(--bau-font-control)}.bau-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost{color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link{font-family:var(--tactile-font-control)}.tactile-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost{color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link{font-family:var(--neo-font-control)}.neo-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost{color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link{font-family:var(--retro-font-control)}.retro-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active{box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover{background:var(--brutal-primary-hover)}.brutal-button-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover{background:var(--brutal-secondary-hover)}.brutal-button-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link{font-family:var(--brutal-font-control)}.brutal-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary{background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover{background:var(--cyber-primary-hover)}.cyber-button-secondary{background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover{background:var(--cyber-secondary-hover)}.cyber-button-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button{width:2.85rem;padding:0}.cyber-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary{background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary{background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover{background:var(--y2k-secondary-hover)}.y2k-button-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button{width:2.85rem;padding:0}.y2k-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary{background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover{background:var(--rg-primary-hover)}.rg-button-secondary{background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover{background:var(--rg-secondary-hover)}.rg-button-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button{width:2.85rem;padding:0}.rg-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}} \ No newline at end of file +@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control{border-radius:var(--max-radius-xs)}.max-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}} \ No newline at end of file diff --git a/dist/ui-style-kit.visual.css b/dist/ui-style-kit.visual.css index 774417e..4ecfc30 100644 --- a/dist/ui-style-kit.visual.css +++ b/dist/ui-style-kit.visual.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2214,7 +2214,7 @@ background-size: var(--saas-theme-bg-size); } - .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link { + .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button { font-family: var(--saas-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap { + .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card { background: linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface); color: var(--saas-text); border: 1px solid var(--saas-border); @@ -2270,7 +2270,7 @@ position: relative; } - .saas-card, .saas-panel { + .saas-card, .saas-panel, :where([data-ui="minimal-saas"]) .ui-card { padding: var(--saas-space-6); } @@ -2307,7 +2307,7 @@ transform: translateY(-2px); } - .saas-button, .saas-icon-button { + .saas-button, .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2331,71 +2331,71 @@ display: inline-flex; } - .saas-button:hover, .saas-icon-button:hover { + .saas-button:hover, .saas-icon-button:hover, :where([data-ui="minimal-saas"]) .ui-button:hover, :where([data-ui="minimal-saas"]) .ui-icon-button:hover { border-color: var(--saas-primary); transform: translateY(-1px); } - .saas-button:active, .saas-icon-button:active, .saas-button[aria-pressed="true"], .saas-icon-button[aria-pressed="true"], .saas-button.is-active, .saas-icon-button.is-active { + .saas-button:active, .saas-icon-button:active, .saas-button[aria-pressed="true"], .saas-icon-button[aria-pressed="true"], .saas-button.is-active, .saas-icon-button.is-active, :where([data-ui="minimal-saas"]) .ui-button:active, :where([data-ui="minimal-saas"]) .ui-icon-button:active, :where([data-ui="minimal-saas"]) .ui-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .ui-button.is-active, :where([data-ui="minimal-saas"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .saas-button-primary { + .saas-button-primary, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--saas-primary); color: var(--saas-on-primary); border-color: var(--saas-primary); } - .saas-button-primary:hover { + .saas-button-primary:hover, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--saas-primary-hover); border-color: var(--saas-primary-hover); } - .saas-button-secondary { + .saas-button-secondary, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--saas-secondary); color: var(--saas-on-secondary); border-color: var(--saas-secondary); } - .saas-button-secondary:hover { + .saas-button-secondary:hover, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--saas-secondary-hover); border-color: var(--saas-secondary-hover); } - .saas-button-danger { + .saas-button-danger, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--saas-danger); color: var(--saas-on-danger); border-color: var(--saas-danger); } - .saas-button-ghost { + .saas-button-ghost, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--saas-text); box-shadow: none; background: none; } - .saas-icon-button { + .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-icon-button { border-radius: var(--saas-radius-pill); width: 2.75rem; padding: 0; } - .saas-button:disabled, .saas-icon-button:disabled, .saas-disabled { + .saas-button:disabled, .saas-icon-button:disabled, .saas-disabled, :where([data-ui="minimal-saas"]) .ui-button:disabled, :where([data-ui="minimal-saas"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .saas-card, .saas-panel { + .saas-card, .saas-panel, :where([data-ui="minimal-saas"]) .ui-card { background: var(--saas-card-bg); } - .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button { + .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { background: var(--saas-control-bg); } - .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link { + .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { font-family: var(--saas-font-control); } @@ -2879,12 +2879,12 @@ inline-size: 3rem; } - .saas-button[aria-busy="true"], .saas-icon-button[aria-busy="true"], [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .saas-button[aria-busy="true"], .saas-icon-button[aria-busy="true"], [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"], :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .saas-button[aria-busy="true"]:after, .saas-icon-button[aria-busy="true"]:after, [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .saas-button[aria-busy="true"]:after, .saas-icon-button[aria-busy="true"]:after, [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"]:after, :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--saas-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -3110,7 +3110,7 @@ background-size: var(--bento-theme-bg-size); } - .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link { + .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button { font-family: var(--bento-font-heading); } @@ -3156,7 +3156,7 @@ height: 1px; } - .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap { + .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card { background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface); color: var(--bento-text); border: 1px solid var(--bento-border); @@ -3166,7 +3166,7 @@ position: relative; } - .bento-card, .bento-panel { + .bento-card, .bento-panel, :where([data-ui="bento"]) .ui-card { padding: var(--bento-space-6); } @@ -3203,7 +3203,7 @@ transform: translateY(-3px) scale(1.005); } - .bento-button, .bento-icon-button { + .bento-button, .bento-icon-button, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -3227,71 +3227,71 @@ display: inline-flex; } - .bento-button:hover, .bento-icon-button:hover { + .bento-button:hover, .bento-icon-button:hover, :where([data-ui="bento"]) .ui-button:hover, :where([data-ui="bento"]) .ui-icon-button:hover { border-color: var(--bento-primary); transform: translateY(-1px); } - .bento-button:active, .bento-icon-button:active, .bento-button[aria-pressed="true"], .bento-icon-button[aria-pressed="true"], .bento-button.is-active, .bento-icon-button.is-active { + .bento-button:active, .bento-icon-button:active, .bento-button[aria-pressed="true"], .bento-icon-button[aria-pressed="true"], .bento-button.is-active, .bento-icon-button.is-active, :where([data-ui="bento"]) .ui-button:active, :where([data-ui="bento"]) .ui-icon-button:active, :where([data-ui="bento"]) .ui-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-button.is-active, :where([data-ui="bento"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .bento-button-primary { + .bento-button-primary, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--bento-primary); color: var(--bento-on-primary); border-color: var(--bento-primary); } - .bento-button-primary:hover { + .bento-button-primary:hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--bento-primary-hover); border-color: var(--bento-primary-hover); } - .bento-button-secondary { + .bento-button-secondary, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--bento-secondary); color: var(--bento-on-secondary); border-color: var(--bento-secondary); } - .bento-button-secondary:hover { + .bento-button-secondary:hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--bento-secondary-hover); border-color: var(--bento-secondary-hover); } - .bento-button-danger { + .bento-button-danger, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--bento-danger); color: var(--bento-on-danger); border-color: var(--bento-danger); } - .bento-button-ghost { + .bento-button-ghost, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--bento-text); box-shadow: none; background: none; } - .bento-icon-button { + .bento-icon-button, :where([data-ui="bento"]) .ui-icon-button { border-radius: var(--bento-radius-pill); width: 2.75rem; padding: 0; } - .bento-button:disabled, .bento-icon-button:disabled, .bento-disabled { + .bento-button:disabled, .bento-icon-button:disabled, .bento-disabled, :where([data-ui="bento"]) .ui-button:disabled, :where([data-ui="bento"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .bento-card, .bento-panel { + .bento-card, .bento-panel, :where([data-ui="bento"]) .ui-card { background: var(--bento-card-bg); } - .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button { + .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { background: var(--bento-control-bg); } - .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link { + .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { font-family: var(--bento-font-control); } @@ -3796,12 +3796,12 @@ inline-size: 3rem; } - .bento-button[aria-busy="true"], .bento-icon-button[aria-busy="true"], [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .bento-button[aria-busy="true"], .bento-icon-button[aria-busy="true"], [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="bento"]) .ui-button[aria-busy="true"], :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="bento"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--bento-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -4027,7 +4027,7 @@ background-size: var(--max-theme-bg-size); } - .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link { + .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button { font-family: var(--max-font-heading); } @@ -4074,7 +4074,7 @@ height: 3px; } - .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap { + .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card { background: linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface); color: var(--max-text); border: 3px solid var(--max-border); @@ -4084,7 +4084,7 @@ position: relative; } - .max-card, .max-panel { + .max-card, .max-panel, :where([data-ui="maximalist"]) .ui-card { padding: var(--max-space-6); } @@ -4121,7 +4121,7 @@ transform: translate(-2px, -2px); } - .max-button, .max-icon-button { + .max-button, .max-icon-button, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -4145,71 +4145,71 @@ display: inline-flex; } - .max-button:hover, .max-icon-button:hover { + .max-button:hover, .max-icon-button:hover, :where([data-ui="maximalist"]) .ui-button:hover, :where([data-ui="maximalist"]) .ui-icon-button:hover { border-color: var(--max-primary); transform: translateY(-1px); } - .max-button:active, .max-icon-button:active, .max-button[aria-pressed="true"], .max-icon-button[aria-pressed="true"], .max-button.is-active, .max-icon-button.is-active { + .max-button:active, .max-icon-button:active, .max-button[aria-pressed="true"], .max-icon-button[aria-pressed="true"], .max-button.is-active, .max-icon-button.is-active, :where([data-ui="maximalist"]) .ui-button:active, :where([data-ui="maximalist"]) .ui-icon-button:active, :where([data-ui="maximalist"]) .ui-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-button.is-active, :where([data-ui="maximalist"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .max-button-primary { + .max-button-primary, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--max-primary); color: var(--max-on-primary); border-color: var(--max-primary); } - .max-button-primary:hover { + .max-button-primary:hover, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--max-primary-hover); border-color: var(--max-primary-hover); } - .max-button-secondary { + .max-button-secondary, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--max-secondary); color: var(--max-on-secondary); border-color: var(--max-secondary); } - .max-button-secondary:hover { + .max-button-secondary:hover, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--max-secondary-hover); border-color: var(--max-secondary-hover); } - .max-button-danger { + .max-button-danger, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--max-danger); color: var(--max-on-danger); border-color: var(--max-danger); } - .max-button-ghost { + .max-button-ghost, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--max-text); box-shadow: none; background: none; } - .max-icon-button { + .max-icon-button, :where([data-ui="maximalist"]) .ui-icon-button { border-radius: var(--max-radius-pill); width: 2.75rem; padding: 0; } - .max-button:disabled, .max-icon-button:disabled, .max-disabled { + .max-button:disabled, .max-icon-button:disabled, .max-disabled, :where([data-ui="maximalist"]) .ui-button:disabled, :where([data-ui="maximalist"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .max-card, .max-panel { + .max-card, .max-panel, :where([data-ui="maximalist"]) .ui-card { background: var(--max-card-bg); } - .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button { + .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { background: var(--max-control-bg); } - .max-button, .max-icon-button, .max-badge, .max-nav-link { + .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { font-family: var(--max-font-control); } @@ -4701,12 +4701,12 @@ inline-size: 3rem; } - .max-button[aria-busy="true"], .max-icon-button[aria-busy="true"], [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .max-button[aria-busy="true"], .max-icon-button[aria-busy="true"], [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="maximalist"]) .ui-button[aria-busy="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="maximalist"]) .ui-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--max-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -4933,7 +4933,7 @@ background-size: var(--bau-theme-bg-size); } - .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link { + .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button { font-family: var(--bau-font-heading); } @@ -4980,7 +4980,7 @@ height: 2px; } - .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap { + .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card { background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface); color: var(--bau-text); border: 2px solid var(--bau-border); @@ -4990,7 +4990,7 @@ position: relative; } - .bau-card, .bau-panel { + .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card { padding: var(--bau-space-6); } @@ -5027,7 +5027,7 @@ transform: translate(-3px, -3px); } - .bau-button, .bau-icon-button { + .bau-button, .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -5051,71 +5051,71 @@ display: inline-flex; } - .bau-button:hover, .bau-icon-button:hover { + .bau-button:hover, .bau-icon-button:hover, :where([data-ui="bauhaus"]) .ui-button:hover, :where([data-ui="bauhaus"]) .ui-icon-button:hover { border-color: var(--bau-primary); transform: translateY(-1px); } - .bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active { + .bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active, :where([data-ui="bauhaus"]) .ui-button:active, :where([data-ui="bauhaus"]) .ui-icon-button:active, :where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-button.is-active, :where([data-ui="bauhaus"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .bau-button-primary { + .bau-button-primary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--bau-primary); color: var(--bau-on-primary); border-color: var(--bau-primary); } - .bau-button-primary:hover { + .bau-button-primary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--bau-primary-hover); border-color: var(--bau-primary-hover); } - .bau-button-secondary { + .bau-button-secondary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--bau-secondary); color: var(--bau-on-secondary); border-color: var(--bau-secondary); } - .bau-button-secondary:hover { + .bau-button-secondary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--bau-secondary-hover); border-color: var(--bau-secondary-hover); } - .bau-button-danger { + .bau-button-danger, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--bau-danger); color: var(--bau-on-danger); border-color: var(--bau-danger); } - .bau-button-ghost { + .bau-button-ghost, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--bau-text); box-shadow: none; background: none; } - .bau-icon-button { + .bau-icon-button, :where([data-ui="bauhaus"]) .ui-icon-button { border-radius: var(--bau-radius-pill); width: 2.75rem; padding: 0; } - .bau-button:disabled, .bau-icon-button:disabled, .bau-disabled { + .bau-button:disabled, .bau-icon-button:disabled, .bau-disabled, :where([data-ui="bauhaus"]) .ui-button:disabled, :where([data-ui="bauhaus"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .bau-card, .bau-panel { + .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card { background: var(--bau-card-bg); } - .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button { + .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { background: var(--bau-control-bg); } - .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link { + .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { font-family: var(--bau-font-control); } @@ -5599,12 +5599,12 @@ inline-size: 3rem; } - .bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--bau-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -5830,7 +5830,7 @@ background-size: var(--tactile-theme-bg-size); } - .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link { + .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button { font-family: var(--tactile-font-heading); } @@ -5876,7 +5876,7 @@ height: 1px; } - .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap { + .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface); color: var(--tactile-text); border: 1px solid var(--tactile-border); @@ -5886,7 +5886,7 @@ position: relative; } - .tactile-card, .tactile-panel { + .tactile-card, .tactile-panel, :where([data-ui="tactile"]) .ui-card { padding: var(--tactile-space-6); } @@ -5923,7 +5923,7 @@ transform: translateY(-2px); } - .tactile-button, .tactile-icon-button { + .tactile-button, .tactile-icon-button, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -5947,71 +5947,71 @@ display: inline-flex; } - .tactile-button:hover, .tactile-icon-button:hover { + .tactile-button:hover, .tactile-icon-button:hover, :where([data-ui="tactile"]) .ui-button:hover, :where([data-ui="tactile"]) .ui-icon-button:hover { border-color: var(--tactile-primary); transform: translateY(-1px); } - .tactile-button:active, .tactile-icon-button:active, .tactile-button[aria-pressed="true"], .tactile-icon-button[aria-pressed="true"], .tactile-button.is-active, .tactile-icon-button.is-active { + .tactile-button:active, .tactile-icon-button:active, .tactile-button[aria-pressed="true"], .tactile-icon-button[aria-pressed="true"], .tactile-button.is-active, .tactile-icon-button.is-active, :where([data-ui="tactile"]) .ui-button:active, :where([data-ui="tactile"]) .ui-icon-button:active, :where([data-ui="tactile"]) .ui-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-button.is-active, :where([data-ui="tactile"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .tactile-button-primary { + .tactile-button-primary, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--tactile-primary); color: var(--tactile-on-primary); border-color: var(--tactile-primary); } - .tactile-button-primary:hover { + .tactile-button-primary:hover, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--tactile-primary-hover); border-color: var(--tactile-primary-hover); } - .tactile-button-secondary { + .tactile-button-secondary, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--tactile-secondary); color: var(--tactile-on-secondary); border-color: var(--tactile-secondary); } - .tactile-button-secondary:hover { + .tactile-button-secondary:hover, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--tactile-secondary-hover); border-color: var(--tactile-secondary-hover); } - .tactile-button-danger { + .tactile-button-danger, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--tactile-danger); color: var(--tactile-on-danger); border-color: var(--tactile-danger); } - .tactile-button-ghost { + .tactile-button-ghost, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--tactile-text); box-shadow: none; background: none; } - .tactile-icon-button { + .tactile-icon-button, :where([data-ui="tactile"]) .ui-icon-button { border-radius: var(--tactile-radius-pill); width: 2.75rem; padding: 0; } - .tactile-button:disabled, .tactile-icon-button:disabled, .tactile-disabled { + .tactile-button:disabled, .tactile-icon-button:disabled, .tactile-disabled, :where([data-ui="tactile"]) .ui-button:disabled, :where([data-ui="tactile"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .tactile-card, .tactile-panel { + .tactile-card, .tactile-panel, :where([data-ui="tactile"]) .ui-card { background: var(--tactile-card-bg); } - .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button { + .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { background: var(--tactile-control-bg); } - .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link { + .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { font-family: var(--tactile-font-control); } @@ -6482,12 +6482,12 @@ inline-size: 3rem; } - .tactile-button[aria-busy="true"], .tactile-icon-button[aria-busy="true"], [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .tactile-button[aria-busy="true"], .tactile-icon-button[aria-busy="true"], [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="tactile"]) .ui-button[aria-busy="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="tactile"]) .ui-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--tactile-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -6713,7 +6713,7 @@ background-size: var(--neo-theme-bg-size); } - .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link { + .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button { font-family: var(--neo-font-heading); } @@ -6759,7 +6759,7 @@ height: 1px; } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface); color: var(--neo-text); border: 1px solid var(--neo-border); @@ -6769,7 +6769,7 @@ position: relative; } - .neo-card, .neo-panel { + .neo-card, .neo-panel, :where([data-ui="neumorphism"]) .ui-card { padding: var(--neo-space-6); } @@ -6806,7 +6806,7 @@ transform: translateY(-2px); } - .neo-button, .neo-icon-button { + .neo-button, .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -6830,71 +6830,71 @@ display: inline-flex; } - .neo-button:hover, .neo-icon-button:hover { + .neo-button:hover, .neo-icon-button:hover, :where([data-ui="neumorphism"]) .ui-button:hover, :where([data-ui="neumorphism"]) .ui-icon-button:hover { border-color: var(--neo-primary); transform: translateY(-1px); } - .neo-button:active, .neo-icon-button:active, .neo-button[aria-pressed="true"], .neo-icon-button[aria-pressed="true"], .neo-button.is-active, .neo-icon-button.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button[aria-pressed="true"], .neo-icon-button[aria-pressed="true"], .neo-button.is-active, .neo-icon-button.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .neo-button-primary { + .neo-button-primary, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--neo-primary); color: var(--neo-on-primary); border-color: var(--neo-primary); } - .neo-button-primary:hover { + .neo-button-primary:hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--neo-primary-hover); border-color: var(--neo-primary-hover); } - .neo-button-secondary { + .neo-button-secondary, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--neo-secondary); color: var(--neo-on-secondary); border-color: var(--neo-secondary); } - .neo-button-secondary:hover { + .neo-button-secondary:hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--neo-secondary-hover); border-color: var(--neo-secondary-hover); } - .neo-button-danger { + .neo-button-danger, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--neo-danger); color: var(--neo-on-danger); border-color: var(--neo-danger); } - .neo-button-ghost { + .neo-button-ghost, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--neo-text); box-shadow: none; background: none; } - .neo-icon-button { + .neo-icon-button, :where([data-ui="neumorphism"]) .ui-icon-button { border-radius: var(--neo-radius-pill); width: 2.75rem; padding: 0; } - .neo-button:disabled, .neo-icon-button:disabled, .neo-disabled { + .neo-button:disabled, .neo-icon-button:disabled, .neo-disabled, :where([data-ui="neumorphism"]) .ui-button:disabled, :where([data-ui="neumorphism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .neo-card, .neo-panel { + .neo-card, .neo-panel, :where([data-ui="neumorphism"]) .ui-card { background: var(--neo-card-bg); } - .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button { + .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { background: var(--neo-control-bg); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { font-family: var(--neo-font-control); } @@ -7337,7 +7337,7 @@ background: var(--neo-bg); } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { border-color: rgb(var(--neo-border-rgb)/.14); box-shadow: 10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light); } @@ -7350,11 +7350,11 @@ box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { box-shadow: 5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light); } - .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { box-shadow: inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light); } @@ -7384,12 +7384,12 @@ inline-size: 3rem; } - .neo-button[aria-busy="true"], .neo-icon-button[aria-busy="true"], [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .neo-button[aria-busy="true"], .neo-icon-button[aria-busy="true"], [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="neumorphism"]) .ui-button[aria-busy="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .neo-button[aria-busy="true"]:after, .neo-icon-button[aria-busy="true"]:after, [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .neo-button[aria-busy="true"]:after, .neo-icon-button[aria-busy="true"]:after, [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="neumorphism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="neumorphism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--neo-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -7615,7 +7615,7 @@ background-size: var(--retro-theme-bg-size); } - .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link { + .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button { font-family: var(--retro-font-heading); } @@ -7661,7 +7661,7 @@ height: 1px; } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { background: linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface); color: var(--retro-text); border: 1px solid var(--retro-border); @@ -7671,7 +7671,7 @@ position: relative; } - .retro-card, .retro-panel { + .retro-card, .retro-panel, :where([data-ui="retrofuturism"]) .ui-card { padding: var(--retro-space-6); } @@ -7708,7 +7708,7 @@ transform: translateY(-3px) scale(1.005); } - .retro-button, .retro-icon-button { + .retro-button, .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -7732,71 +7732,71 @@ display: inline-flex; } - .retro-button:hover, .retro-icon-button:hover { + .retro-button:hover, .retro-icon-button:hover, :where([data-ui="retrofuturism"]) .ui-button:hover, :where([data-ui="retrofuturism"]) .ui-icon-button:hover { border-color: var(--retro-primary); transform: translateY(-1px); } - .retro-button:active, .retro-icon-button:active, .retro-button[aria-pressed="true"], .retro-icon-button[aria-pressed="true"], .retro-button.is-active, .retro-icon-button.is-active { + .retro-button:active, .retro-icon-button:active, .retro-button[aria-pressed="true"], .retro-icon-button[aria-pressed="true"], .retro-button.is-active, .retro-icon-button.is-active, :where([data-ui="retrofuturism"]) .ui-button:active, :where([data-ui="retrofuturism"]) .ui-icon-button:active, :where([data-ui="retrofuturism"]) .ui-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-button.is-active, :where([data-ui="retrofuturism"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .retro-button-primary { + .retro-button-primary, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--retro-primary); color: var(--retro-on-primary); border-color: var(--retro-primary); } - .retro-button-primary:hover { + .retro-button-primary:hover, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--retro-primary-hover); border-color: var(--retro-primary-hover); } - .retro-button-secondary { + .retro-button-secondary, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--retro-secondary); color: var(--retro-on-secondary); border-color: var(--retro-secondary); } - .retro-button-secondary:hover { + .retro-button-secondary:hover, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--retro-secondary-hover); border-color: var(--retro-secondary-hover); } - .retro-button-danger { + .retro-button-danger, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--retro-danger); color: var(--retro-on-danger); border-color: var(--retro-danger); } - .retro-button-ghost { + .retro-button-ghost, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--retro-text); box-shadow: none; background: none; } - .retro-icon-button { + .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-icon-button { border-radius: var(--retro-radius-pill); width: 2.75rem; padding: 0; } - .retro-button:disabled, .retro-icon-button:disabled, .retro-disabled { + .retro-button:disabled, .retro-icon-button:disabled, .retro-disabled, :where([data-ui="retrofuturism"]) .ui-button:disabled, :where([data-ui="retrofuturism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .retro-card, .retro-panel { + .retro-card, .retro-panel, :where([data-ui="retrofuturism"]) .ui-card { background: var(--retro-card-bg); } - .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button { + .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { background: var(--retro-control-bg); } - .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link { + .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { font-family: var(--retro-font-control); } @@ -8238,12 +8238,12 @@ text-shadow: 0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16); } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { background: linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface); box-shadow: 0 18px 48px rgb(0 0 0 / var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14); } - .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active { + .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { box-shadow: 0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22); } @@ -8273,12 +8273,12 @@ inline-size: 3rem; } - .retro-button[aria-busy="true"], .retro-icon-button[aria-busy="true"], [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .retro-button[aria-busy="true"], .retro-icon-button[aria-busy="true"], [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .retro-button[aria-busy="true"]:after, .retro-icon-button[aria-busy="true"]:after, [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .retro-button[aria-busy="true"]:after, .retro-icon-button[aria-busy="true"]:after, [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--retro-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -8550,12 +8550,12 @@ inline-size: 3rem; } - .brutal-button[aria-busy="true"], .brutal-icon-button[aria-busy="true"], [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .brutal-button[aria-busy="true"], .brutal-icon-button[aria-busy="true"], [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="brutalism"]) .ui-button[aria-busy="true"], :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .brutal-button[aria-busy="true"]:after, .brutal-icon-button[aria-busy="true"]:after, [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .brutal-button[aria-busy="true"]:after, .brutal-icon-button[aria-busy="true"]:after, [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="brutalism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--brutal-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -8572,7 +8572,7 @@ } } - .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link { + .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button { font-family: var(--brutal-font-heading); text-transform: uppercase; } @@ -8611,7 +8611,7 @@ color: var(--brutal-text-muted); } - .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap { + .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card { background: var(--brutal-surface-strong); color: var(--brutal-text); border: 3px solid var(--brutal-border); @@ -8620,7 +8620,7 @@ transition: transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast); } - .brutal-card, .brutal-panel { + .brutal-card, .brutal-panel, :where([data-ui="brutalism"]) .ui-card { padding: var(--brutal-space-6); } @@ -8655,7 +8655,7 @@ transform: translate(4px, 4px); } - .brutal-button, .brutal-icon-button { + .brutal-button, .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -8678,60 +8678,60 @@ display: inline-flex; } - .brutal-button:hover, .brutal-icon-button:hover { + .brutal-button:hover, .brutal-icon-button:hover, :where([data-ui="brutalism"]) .ui-button:hover, :where([data-ui="brutalism"]) .ui-icon-button:hover { box-shadow: 8px 8px 0 var(--brutal-primary); transform: translate(-2px, -2px); } - .brutal-button:active, .brutal-icon-button:active, .brutal-button.is-active, .brutal-button[aria-pressed="true"] { + .brutal-button:active, .brutal-icon-button:active, .brutal-button.is-active, .brutal-button[aria-pressed="true"], :where([data-ui="brutalism"]) .ui-button:active, :where([data-ui="brutalism"]) .ui-icon-button:active, :where([data-ui="brutalism"]) .ui-button.is-active, :where([data-ui="brutalism"]) .ui-button[aria-pressed="true"] { box-shadow: 2px 2px 0 var(--brutal-secondary); transform: translate(4px, 4px); } - .brutal-button-primary { + .brutal-button-primary, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--brutal-primary); color: var(--brutal-on-primary); } - .brutal-button-primary:hover { + .brutal-button-primary:hover, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--brutal-primary-hover); } - .brutal-button-secondary { + .brutal-button-secondary, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--brutal-secondary); color: var(--brutal-on-secondary); box-shadow: 6px 6px 0 var(--brutal-primary); } - .brutal-button-secondary:hover { + .brutal-button-secondary:hover, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--brutal-secondary-hover); } - .brutal-button-danger { + .brutal-button-danger, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--brutal-danger); color: var(--brutal-on-danger); } - .brutal-icon-button { + .brutal-icon-button, :where([data-ui="brutalism"]) .ui-icon-button { width: 2.85rem; padding: 0; } - .brutal-button:disabled, .brutal-icon-button:disabled, .brutal-disabled { + .brutal-button:disabled, .brutal-icon-button:disabled, .brutal-disabled, :where([data-ui="brutalism"]) .ui-button:disabled, :where([data-ui="brutalism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .brutal-card, .brutal-panel { + .brutal-card, .brutal-panel, :where([data-ui="brutalism"]) .ui-card { background: var(--brutal-card-bg); } - .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button { + .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { background: var(--brutal-control-bg); } - .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link { + .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { font-family: var(--brutal-font-control); } @@ -9205,7 +9205,7 @@ color: var(--cyber-on-primary); } - .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link { + .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button { font-family: var(--cyber-font-heading); text-transform: uppercase; } @@ -9243,7 +9243,7 @@ color: var(--cyber-text-muted); } - .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap { + .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card { background: linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface); color: var(--cyber-text); border: 1px solid var(--cyber-border); @@ -9255,7 +9255,7 @@ overflow: hidden; } - .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before { + .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before { content: ""; pointer-events: none; border-top: 2px solid rgb(var(--cyber-primary-rgb)/.5); @@ -9264,7 +9264,7 @@ inset: 0; } - .cyber-card, .cyber-panel, .cyber-console { + .cyber-card, .cyber-panel, .cyber-console, :where([data-ui="cyberpunk"]) .ui-card { padding: var(--cyber-space-6); } @@ -9298,7 +9298,7 @@ padding: var(--cyber-space-5); } - .cyber-button, .cyber-icon-button { + .cyber-button, .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -9321,41 +9321,41 @@ display: inline-flex; } - .cyber-button:hover, .cyber-icon-button:hover { + .cyber-button:hover, .cyber-icon-button:hover, :where([data-ui="cyberpunk"]) .ui-button:hover, :where([data-ui="cyberpunk"]) .ui-icon-button:hover { box-shadow: var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary); transform: translateY(-1px); } - .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-active, .cyber-button[aria-pressed="true"] { + .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-active, .cyber-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-button:active, :where([data-ui="cyberpunk"]) .ui-icon-button:active, :where([data-ui="cyberpunk"]) .ui-button.is-active, :where([data-ui="cyberpunk"]) .ui-button[aria-pressed="true"] { box-shadow: inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary); transform: translateY(1px); } - .cyber-button-primary { + .cyber-button-primary, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary); color: var(--cyber-on-primary); } - .cyber-button-primary:hover { + .cyber-button-primary:hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--cyber-primary-hover); } - .cyber-button-secondary { + .cyber-button-secondary, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary); color: var(--cyber-on-secondary); border-color: rgb(var(--cyber-secondary-rgb)/.7); } - .cyber-button-secondary:hover { + .cyber-button-secondary:hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--cyber-secondary-hover); } - .cyber-button-danger { + .cyber-button-danger, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--cyber-danger); color: var(--cyber-on-danger); } - .cyber-icon-button { + .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -9611,7 +9611,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -9622,15 +9622,15 @@ } } - .cyber-card, .cyber-panel { + .cyber-card, .cyber-panel, :where([data-ui="cyberpunk"]) .ui-card { background: var(--cyber-card-bg); } - .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button { + .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { background: var(--cyber-control-bg); } - .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link { + .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { font-family: var(--cyber-font-control); } @@ -9661,12 +9661,12 @@ inline-size: 3rem; } - .cyber-button[aria-busy="true"], .cyber-icon-button[aria-busy="true"], [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .cyber-button[aria-busy="true"], .cyber-icon-button[aria-busy="true"], [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--cyber-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -9911,7 +9911,7 @@ color: var(--y2k-on-primary); } - .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link { + .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button { font-family: var(--y2k-font-heading); } @@ -9949,7 +9949,7 @@ color: var(--y2k-text-muted); } - .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap { + .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card { background: linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface); color: var(--y2k-text); border: 1px solid #ffffff61; @@ -9962,7 +9962,7 @@ overflow: hidden; } - .y2k-card:before, .y2k-panel:before, .y2k-bubble:before { + .y2k-card:before, .y2k-panel:before, .y2k-bubble:before, :where([data-ui="y2k"]) .ui-card:before { content: ""; pointer-events: none; background: radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12)); @@ -9970,7 +9970,7 @@ inset: 0; } - .y2k-card, .y2k-panel, .y2k-bubble { + .y2k-card, .y2k-panel, .y2k-bubble, :where([data-ui="y2k"]) .ui-card { padding: var(--y2k-space-6); } @@ -10000,7 +10000,7 @@ padding: var(--y2k-space-5); } - .y2k-button, .y2k-icon-button { + .y2k-button, .y2k-icon-button, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -10022,40 +10022,40 @@ display: inline-flex; } - .y2k-button:hover, .y2k-icon-button:hover { + .y2k-button:hover, .y2k-icon-button:hover, :where([data-ui="y2k"]) .ui-button:hover, :where([data-ui="y2k"]) .ui-icon-button:hover { box-shadow: var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent); transform: translateY(-2px); } - .y2k-button:active, .y2k-icon-button:active, .y2k-button.is-active, .y2k-button[aria-pressed="true"] { + .y2k-button:active, .y2k-icon-button:active, .y2k-button.is-active, .y2k-button[aria-pressed="true"], :where([data-ui="y2k"]) .ui-button:active, :where([data-ui="y2k"]) .ui-icon-button:active, :where([data-ui="y2k"]) .ui-button.is-active, :where([data-ui="y2k"]) .ui-button[aria-pressed="true"] { transform: translateY(1px) scale(.99); box-shadow: inset 0 8px 16px #00000024; } - .y2k-button-primary { + .y2k-button-primary, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary); color: var(--y2k-on-primary); } - .y2k-button-primary:hover { + .y2k-button-primary:hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]):hover { background: linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover); } - .y2k-button-secondary { + .y2k-button-secondary, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary); color: var(--y2k-on-secondary); } - .y2k-button-secondary:hover { + .y2k-button-secondary:hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--y2k-secondary-hover); } - .y2k-button-danger { + .y2k-button-danger, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--y2k-danger); color: var(--y2k-on-danger); } - .y2k-icon-button { + .y2k-icon-button, :where([data-ui="y2k"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -10302,15 +10302,15 @@ } } - .y2k-card, .y2k-panel { + .y2k-card, .y2k-panel, :where([data-ui="y2k"]) .ui-card { background: var(--y2k-card-bg); } - .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button { + .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { background: var(--y2k-control-bg); } - .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link { + .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { font-family: var(--y2k-font-control); } @@ -10340,12 +10340,12 @@ inline-size: 3rem; } - .y2k-button[aria-busy="true"], .y2k-icon-button[aria-busy="true"], [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .y2k-button[aria-busy="true"], .y2k-icon-button[aria-busy="true"], [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="y2k"]) .ui-button[aria-busy="true"], :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .y2k-button[aria-busy="true"]:after, .y2k-icon-button[aria-busy="true"]:after, [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .y2k-button[aria-busy="true"]:after, .y2k-icon-button[aria-busy="true"]:after, [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="y2k"]) .ui-button[aria-busy="true"]:after, :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--y2k-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -10590,7 +10590,7 @@ color: var(--rg-on-primary); } - .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link { + .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button { font-family: var(--rg-font-heading); text-transform: uppercase; } @@ -10627,7 +10627,7 @@ color: var(--rg-text-muted); } - .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap { + .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card { background: linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface); color: var(--rg-text); border: 1px solid var(--rg-border); @@ -10641,7 +10641,7 @@ overflow: hidden; } - .rg-card:before, .rg-panel:before, .rg-console:before { + .rg-card:before, .rg-panel:before, .rg-console:before, :where([data-ui="retro-glass"]) .ui-card:before { content: ""; pointer-events: none; background: linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent); @@ -10649,7 +10649,7 @@ inset: 0; } - .rg-card, .rg-panel, .rg-console { + .rg-card, .rg-panel, .rg-console, :where([data-ui="retro-glass"]) .ui-card { padding: var(--rg-space-6); } @@ -10685,7 +10685,7 @@ padding: var(--rg-space-5); } - .rg-button, .rg-icon-button { + .rg-button, .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -10709,43 +10709,43 @@ display: inline-flex; } - .rg-button:hover, .rg-icon-button:hover { + .rg-button:hover, .rg-icon-button:hover, :where([data-ui="retro-glass"]) .ui-button:hover, :where([data-ui="retro-glass"]) .ui-icon-button:hover { border-color: rgb(var(--rg-primary-rgb)/.68); box-shadow: var(--rg-shadow-md),0 0 24px var(--rg-glow-primary); transform: translateY(-2px); } - .rg-button:active, .rg-icon-button:active, .rg-button.is-active, .rg-button[aria-pressed="true"] { + .rg-button:active, .rg-icon-button:active, .rg-button.is-active, .rg-button[aria-pressed="true"], :where([data-ui="retro-glass"]) .ui-button:active, :where([data-ui="retro-glass"]) .ui-icon-button:active, :where([data-ui="retro-glass"]) .ui-button.is-active, :where([data-ui="retro-glass"]) .ui-button[aria-pressed="true"] { box-shadow: inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary); transform: translateY(1px); } - .rg-button-primary { + .rg-button-primary, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary); color: var(--rg-on-primary); border-color: rgb(var(--rg-primary-rgb)/.72); } - .rg-button-primary:hover { + .rg-button-primary:hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--rg-primary-hover); } - .rg-button-secondary { + .rg-button-secondary, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary); color: var(--rg-on-secondary); border-color: rgb(var(--rg-secondary-rgb)/.72); } - .rg-button-secondary:hover { + .rg-button-secondary:hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--rg-secondary-hover); } - .rg-button-danger { + .rg-button-danger, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--rg-danger); color: var(--rg-on-danger); } - .rg-icon-button { + .rg-icon-button, :where([data-ui="retro-glass"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -11019,15 +11019,15 @@ } } - .rg-card, .rg-panel { + .rg-card, .rg-panel, :where([data-ui="retro-glass"]) .ui-card { background: var(--rg-card-bg); } - .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button { + .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { background: var(--rg-control-bg); } - .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link { + .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { font-family: var(--rg-font-control); } @@ -11058,12 +11058,12 @@ inline-size: 3rem; } - .rg-button[aria-busy="true"], .rg-icon-button[aria-busy="true"], [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .rg-button[aria-busy="true"], .rg-icon-button[aria-busy="true"], [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"], :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--rg-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/ui-style-kit.visual.min.css b/dist/ui-style-kit.visual.min.css index 81076e7..426ebfc 100644 --- a/dist/ui-style-kit.visual.min.css +++ b/dist/ui-style-kit.visual.min.css @@ -4,4 +4,4 @@ * License: MIT */ @layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout; -@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost{color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost{color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link{font-family:var(--saas-font-control)}.saas-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost{color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link{font-family:var(--bento-font-control)}.bento-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost{color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link{font-family:var(--max-font-control)}.max-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control{border-radius:var(--max-radius-xs)}.max-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost{color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link{font-family:var(--bau-font-control)}.bau-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost{color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link{font-family:var(--tactile-font-control)}.tactile-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost{color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link{font-family:var(--neo-font-control)}.neo-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost{color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link{font-family:var(--retro-font-control)}.retro-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active{box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover{background:var(--brutal-primary-hover)}.brutal-button-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover{background:var(--brutal-secondary-hover)}.brutal-button-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link{font-family:var(--brutal-font-control)}.brutal-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary{background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover{background:var(--cyber-primary-hover)}.cyber-button-secondary{background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover{background:var(--cyber-secondary-hover)}.cyber-button-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button{width:2.85rem;padding:0}.cyber-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary{background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary{background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover{background:var(--y2k-secondary-hover)}.y2k-button-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button{width:2.85rem;padding:0}.y2k-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary{background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover{background:var(--rg-primary-hover)}.rg-button-secondary{background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover{background:var(--rg-secondary-hover)}.rg-button-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button{width:2.85rem;padding:0}.rg-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout; \ No newline at end of file +@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control{border-radius:var(--max-radius-xs)}.max-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout; \ No newline at end of file diff --git a/dist/ui-style-kit.with-bridge.css b/dist/ui-style-kit.with-bridge.css index 67e79e1..cf71e32 100644 --- a/dist/ui-style-kit.with-bridge.css +++ b/dist/ui-style-kit.with-bridge.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2214,7 +2214,7 @@ background-size: var(--saas-theme-bg-size); } - .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link { + .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button { font-family: var(--saas-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap { + .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card { background: linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface); color: var(--saas-text); border: 1px solid var(--saas-border); @@ -2270,7 +2270,7 @@ position: relative; } - .saas-card, .saas-panel { + .saas-card, .saas-panel, :where([data-ui="minimal-saas"]) .ui-card { padding: var(--saas-space-6); } @@ -2307,7 +2307,7 @@ transform: translateY(-2px); } - .saas-button, .saas-icon-button { + .saas-button, .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2331,71 +2331,71 @@ display: inline-flex; } - .saas-button:hover, .saas-icon-button:hover { + .saas-button:hover, .saas-icon-button:hover, :where([data-ui="minimal-saas"]) .ui-button:hover, :where([data-ui="minimal-saas"]) .ui-icon-button:hover { border-color: var(--saas-primary); transform: translateY(-1px); } - .saas-button:active, .saas-icon-button:active, .saas-button[aria-pressed="true"], .saas-icon-button[aria-pressed="true"], .saas-button.is-active, .saas-icon-button.is-active { + .saas-button:active, .saas-icon-button:active, .saas-button[aria-pressed="true"], .saas-icon-button[aria-pressed="true"], .saas-button.is-active, .saas-icon-button.is-active, :where([data-ui="minimal-saas"]) .ui-button:active, :where([data-ui="minimal-saas"]) .ui-icon-button:active, :where([data-ui="minimal-saas"]) .ui-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .ui-button.is-active, :where([data-ui="minimal-saas"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .saas-button-primary { + .saas-button-primary, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--saas-primary); color: var(--saas-on-primary); border-color: var(--saas-primary); } - .saas-button-primary:hover { + .saas-button-primary:hover, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--saas-primary-hover); border-color: var(--saas-primary-hover); } - .saas-button-secondary { + .saas-button-secondary, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--saas-secondary); color: var(--saas-on-secondary); border-color: var(--saas-secondary); } - .saas-button-secondary:hover { + .saas-button-secondary:hover, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--saas-secondary-hover); border-color: var(--saas-secondary-hover); } - .saas-button-danger { + .saas-button-danger, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--saas-danger); color: var(--saas-on-danger); border-color: var(--saas-danger); } - .saas-button-ghost { + .saas-button-ghost, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--saas-text); box-shadow: none; background: none; } - .saas-icon-button { + .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-icon-button { border-radius: var(--saas-radius-pill); width: 2.75rem; padding: 0; } - .saas-button:disabled, .saas-icon-button:disabled, .saas-disabled { + .saas-button:disabled, .saas-icon-button:disabled, .saas-disabled, :where([data-ui="minimal-saas"]) .ui-button:disabled, :where([data-ui="minimal-saas"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .saas-card, .saas-panel { + .saas-card, .saas-panel, :where([data-ui="minimal-saas"]) .ui-card { background: var(--saas-card-bg); } - .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button { + .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { background: var(--saas-control-bg); } - .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link { + .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { font-family: var(--saas-font-control); } @@ -2879,12 +2879,12 @@ inline-size: 3rem; } - .saas-button[aria-busy="true"], .saas-icon-button[aria-busy="true"], [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .saas-button[aria-busy="true"], .saas-icon-button[aria-busy="true"], [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"], :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .saas-button[aria-busy="true"]:after, .saas-icon-button[aria-busy="true"]:after, [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .saas-button[aria-busy="true"]:after, .saas-icon-button[aria-busy="true"]:after, [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"]:after, :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--saas-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -3110,7 +3110,7 @@ background-size: var(--bento-theme-bg-size); } - .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link { + .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button { font-family: var(--bento-font-heading); } @@ -3156,7 +3156,7 @@ height: 1px; } - .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap { + .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card { background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface); color: var(--bento-text); border: 1px solid var(--bento-border); @@ -3166,7 +3166,7 @@ position: relative; } - .bento-card, .bento-panel { + .bento-card, .bento-panel, :where([data-ui="bento"]) .ui-card { padding: var(--bento-space-6); } @@ -3203,7 +3203,7 @@ transform: translateY(-3px) scale(1.005); } - .bento-button, .bento-icon-button { + .bento-button, .bento-icon-button, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -3227,71 +3227,71 @@ display: inline-flex; } - .bento-button:hover, .bento-icon-button:hover { + .bento-button:hover, .bento-icon-button:hover, :where([data-ui="bento"]) .ui-button:hover, :where([data-ui="bento"]) .ui-icon-button:hover { border-color: var(--bento-primary); transform: translateY(-1px); } - .bento-button:active, .bento-icon-button:active, .bento-button[aria-pressed="true"], .bento-icon-button[aria-pressed="true"], .bento-button.is-active, .bento-icon-button.is-active { + .bento-button:active, .bento-icon-button:active, .bento-button[aria-pressed="true"], .bento-icon-button[aria-pressed="true"], .bento-button.is-active, .bento-icon-button.is-active, :where([data-ui="bento"]) .ui-button:active, :where([data-ui="bento"]) .ui-icon-button:active, :where([data-ui="bento"]) .ui-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-button.is-active, :where([data-ui="bento"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .bento-button-primary { + .bento-button-primary, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--bento-primary); color: var(--bento-on-primary); border-color: var(--bento-primary); } - .bento-button-primary:hover { + .bento-button-primary:hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--bento-primary-hover); border-color: var(--bento-primary-hover); } - .bento-button-secondary { + .bento-button-secondary, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--bento-secondary); color: var(--bento-on-secondary); border-color: var(--bento-secondary); } - .bento-button-secondary:hover { + .bento-button-secondary:hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--bento-secondary-hover); border-color: var(--bento-secondary-hover); } - .bento-button-danger { + .bento-button-danger, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--bento-danger); color: var(--bento-on-danger); border-color: var(--bento-danger); } - .bento-button-ghost { + .bento-button-ghost, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--bento-text); box-shadow: none; background: none; } - .bento-icon-button { + .bento-icon-button, :where([data-ui="bento"]) .ui-icon-button { border-radius: var(--bento-radius-pill); width: 2.75rem; padding: 0; } - .bento-button:disabled, .bento-icon-button:disabled, .bento-disabled { + .bento-button:disabled, .bento-icon-button:disabled, .bento-disabled, :where([data-ui="bento"]) .ui-button:disabled, :where([data-ui="bento"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .bento-card, .bento-panel { + .bento-card, .bento-panel, :where([data-ui="bento"]) .ui-card { background: var(--bento-card-bg); } - .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button { + .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { background: var(--bento-control-bg); } - .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link { + .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { font-family: var(--bento-font-control); } @@ -3796,12 +3796,12 @@ inline-size: 3rem; } - .bento-button[aria-busy="true"], .bento-icon-button[aria-busy="true"], [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .bento-button[aria-busy="true"], .bento-icon-button[aria-busy="true"], [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="bento"]) .ui-button[aria-busy="true"], :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="bento"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--bento-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -4027,7 +4027,7 @@ background-size: var(--max-theme-bg-size); } - .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link { + .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button { font-family: var(--max-font-heading); } @@ -4074,7 +4074,7 @@ height: 3px; } - .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap { + .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card { background: linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface); color: var(--max-text); border: 3px solid var(--max-border); @@ -4084,7 +4084,7 @@ position: relative; } - .max-card, .max-panel { + .max-card, .max-panel, :where([data-ui="maximalist"]) .ui-card { padding: var(--max-space-6); } @@ -4121,7 +4121,7 @@ transform: translate(-2px, -2px); } - .max-button, .max-icon-button { + .max-button, .max-icon-button, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -4145,71 +4145,71 @@ display: inline-flex; } - .max-button:hover, .max-icon-button:hover { + .max-button:hover, .max-icon-button:hover, :where([data-ui="maximalist"]) .ui-button:hover, :where([data-ui="maximalist"]) .ui-icon-button:hover { border-color: var(--max-primary); transform: translateY(-1px); } - .max-button:active, .max-icon-button:active, .max-button[aria-pressed="true"], .max-icon-button[aria-pressed="true"], .max-button.is-active, .max-icon-button.is-active { + .max-button:active, .max-icon-button:active, .max-button[aria-pressed="true"], .max-icon-button[aria-pressed="true"], .max-button.is-active, .max-icon-button.is-active, :where([data-ui="maximalist"]) .ui-button:active, :where([data-ui="maximalist"]) .ui-icon-button:active, :where([data-ui="maximalist"]) .ui-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-button.is-active, :where([data-ui="maximalist"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .max-button-primary { + .max-button-primary, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--max-primary); color: var(--max-on-primary); border-color: var(--max-primary); } - .max-button-primary:hover { + .max-button-primary:hover, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--max-primary-hover); border-color: var(--max-primary-hover); } - .max-button-secondary { + .max-button-secondary, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--max-secondary); color: var(--max-on-secondary); border-color: var(--max-secondary); } - .max-button-secondary:hover { + .max-button-secondary:hover, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--max-secondary-hover); border-color: var(--max-secondary-hover); } - .max-button-danger { + .max-button-danger, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--max-danger); color: var(--max-on-danger); border-color: var(--max-danger); } - .max-button-ghost { + .max-button-ghost, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--max-text); box-shadow: none; background: none; } - .max-icon-button { + .max-icon-button, :where([data-ui="maximalist"]) .ui-icon-button { border-radius: var(--max-radius-pill); width: 2.75rem; padding: 0; } - .max-button:disabled, .max-icon-button:disabled, .max-disabled { + .max-button:disabled, .max-icon-button:disabled, .max-disabled, :where([data-ui="maximalist"]) .ui-button:disabled, :where([data-ui="maximalist"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .max-card, .max-panel { + .max-card, .max-panel, :where([data-ui="maximalist"]) .ui-card { background: var(--max-card-bg); } - .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button { + .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { background: var(--max-control-bg); } - .max-button, .max-icon-button, .max-badge, .max-nav-link { + .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { font-family: var(--max-font-control); } @@ -4701,12 +4701,12 @@ inline-size: 3rem; } - .max-button[aria-busy="true"], .max-icon-button[aria-busy="true"], [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .max-button[aria-busy="true"], .max-icon-button[aria-busy="true"], [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="maximalist"]) .ui-button[aria-busy="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="maximalist"]) .ui-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--max-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -4933,7 +4933,7 @@ background-size: var(--bau-theme-bg-size); } - .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link { + .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button { font-family: var(--bau-font-heading); } @@ -4980,7 +4980,7 @@ height: 2px; } - .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap { + .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card { background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface); color: var(--bau-text); border: 2px solid var(--bau-border); @@ -4990,7 +4990,7 @@ position: relative; } - .bau-card, .bau-panel { + .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card { padding: var(--bau-space-6); } @@ -5027,7 +5027,7 @@ transform: translate(-3px, -3px); } - .bau-button, .bau-icon-button { + .bau-button, .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -5051,71 +5051,71 @@ display: inline-flex; } - .bau-button:hover, .bau-icon-button:hover { + .bau-button:hover, .bau-icon-button:hover, :where([data-ui="bauhaus"]) .ui-button:hover, :where([data-ui="bauhaus"]) .ui-icon-button:hover { border-color: var(--bau-primary); transform: translateY(-1px); } - .bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active { + .bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active, :where([data-ui="bauhaus"]) .ui-button:active, :where([data-ui="bauhaus"]) .ui-icon-button:active, :where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-button.is-active, :where([data-ui="bauhaus"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .bau-button-primary { + .bau-button-primary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--bau-primary); color: var(--bau-on-primary); border-color: var(--bau-primary); } - .bau-button-primary:hover { + .bau-button-primary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--bau-primary-hover); border-color: var(--bau-primary-hover); } - .bau-button-secondary { + .bau-button-secondary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--bau-secondary); color: var(--bau-on-secondary); border-color: var(--bau-secondary); } - .bau-button-secondary:hover { + .bau-button-secondary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--bau-secondary-hover); border-color: var(--bau-secondary-hover); } - .bau-button-danger { + .bau-button-danger, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--bau-danger); color: var(--bau-on-danger); border-color: var(--bau-danger); } - .bau-button-ghost { + .bau-button-ghost, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--bau-text); box-shadow: none; background: none; } - .bau-icon-button { + .bau-icon-button, :where([data-ui="bauhaus"]) .ui-icon-button { border-radius: var(--bau-radius-pill); width: 2.75rem; padding: 0; } - .bau-button:disabled, .bau-icon-button:disabled, .bau-disabled { + .bau-button:disabled, .bau-icon-button:disabled, .bau-disabled, :where([data-ui="bauhaus"]) .ui-button:disabled, :where([data-ui="bauhaus"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .bau-card, .bau-panel { + .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card { background: var(--bau-card-bg); } - .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button { + .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { background: var(--bau-control-bg); } - .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link { + .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { font-family: var(--bau-font-control); } @@ -5599,12 +5599,12 @@ inline-size: 3rem; } - .bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--bau-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -5830,7 +5830,7 @@ background-size: var(--tactile-theme-bg-size); } - .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link { + .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button { font-family: var(--tactile-font-heading); } @@ -5876,7 +5876,7 @@ height: 1px; } - .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap { + .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface); color: var(--tactile-text); border: 1px solid var(--tactile-border); @@ -5886,7 +5886,7 @@ position: relative; } - .tactile-card, .tactile-panel { + .tactile-card, .tactile-panel, :where([data-ui="tactile"]) .ui-card { padding: var(--tactile-space-6); } @@ -5923,7 +5923,7 @@ transform: translateY(-2px); } - .tactile-button, .tactile-icon-button { + .tactile-button, .tactile-icon-button, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -5947,71 +5947,71 @@ display: inline-flex; } - .tactile-button:hover, .tactile-icon-button:hover { + .tactile-button:hover, .tactile-icon-button:hover, :where([data-ui="tactile"]) .ui-button:hover, :where([data-ui="tactile"]) .ui-icon-button:hover { border-color: var(--tactile-primary); transform: translateY(-1px); } - .tactile-button:active, .tactile-icon-button:active, .tactile-button[aria-pressed="true"], .tactile-icon-button[aria-pressed="true"], .tactile-button.is-active, .tactile-icon-button.is-active { + .tactile-button:active, .tactile-icon-button:active, .tactile-button[aria-pressed="true"], .tactile-icon-button[aria-pressed="true"], .tactile-button.is-active, .tactile-icon-button.is-active, :where([data-ui="tactile"]) .ui-button:active, :where([data-ui="tactile"]) .ui-icon-button:active, :where([data-ui="tactile"]) .ui-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-button.is-active, :where([data-ui="tactile"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .tactile-button-primary { + .tactile-button-primary, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--tactile-primary); color: var(--tactile-on-primary); border-color: var(--tactile-primary); } - .tactile-button-primary:hover { + .tactile-button-primary:hover, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--tactile-primary-hover); border-color: var(--tactile-primary-hover); } - .tactile-button-secondary { + .tactile-button-secondary, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--tactile-secondary); color: var(--tactile-on-secondary); border-color: var(--tactile-secondary); } - .tactile-button-secondary:hover { + .tactile-button-secondary:hover, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--tactile-secondary-hover); border-color: var(--tactile-secondary-hover); } - .tactile-button-danger { + .tactile-button-danger, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--tactile-danger); color: var(--tactile-on-danger); border-color: var(--tactile-danger); } - .tactile-button-ghost { + .tactile-button-ghost, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--tactile-text); box-shadow: none; background: none; } - .tactile-icon-button { + .tactile-icon-button, :where([data-ui="tactile"]) .ui-icon-button { border-radius: var(--tactile-radius-pill); width: 2.75rem; padding: 0; } - .tactile-button:disabled, .tactile-icon-button:disabled, .tactile-disabled { + .tactile-button:disabled, .tactile-icon-button:disabled, .tactile-disabled, :where([data-ui="tactile"]) .ui-button:disabled, :where([data-ui="tactile"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .tactile-card, .tactile-panel { + .tactile-card, .tactile-panel, :where([data-ui="tactile"]) .ui-card { background: var(--tactile-card-bg); } - .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button { + .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { background: var(--tactile-control-bg); } - .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link { + .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { font-family: var(--tactile-font-control); } @@ -6482,12 +6482,12 @@ inline-size: 3rem; } - .tactile-button[aria-busy="true"], .tactile-icon-button[aria-busy="true"], [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .tactile-button[aria-busy="true"], .tactile-icon-button[aria-busy="true"], [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="tactile"]) .ui-button[aria-busy="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="tactile"]) .ui-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--tactile-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -6713,7 +6713,7 @@ background-size: var(--neo-theme-bg-size); } - .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link { + .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button { font-family: var(--neo-font-heading); } @@ -6759,7 +6759,7 @@ height: 1px; } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface); color: var(--neo-text); border: 1px solid var(--neo-border); @@ -6769,7 +6769,7 @@ position: relative; } - .neo-card, .neo-panel { + .neo-card, .neo-panel, :where([data-ui="neumorphism"]) .ui-card { padding: var(--neo-space-6); } @@ -6806,7 +6806,7 @@ transform: translateY(-2px); } - .neo-button, .neo-icon-button { + .neo-button, .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -6830,71 +6830,71 @@ display: inline-flex; } - .neo-button:hover, .neo-icon-button:hover { + .neo-button:hover, .neo-icon-button:hover, :where([data-ui="neumorphism"]) .ui-button:hover, :where([data-ui="neumorphism"]) .ui-icon-button:hover { border-color: var(--neo-primary); transform: translateY(-1px); } - .neo-button:active, .neo-icon-button:active, .neo-button[aria-pressed="true"], .neo-icon-button[aria-pressed="true"], .neo-button.is-active, .neo-icon-button.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button[aria-pressed="true"], .neo-icon-button[aria-pressed="true"], .neo-button.is-active, .neo-icon-button.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .neo-button-primary { + .neo-button-primary, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--neo-primary); color: var(--neo-on-primary); border-color: var(--neo-primary); } - .neo-button-primary:hover { + .neo-button-primary:hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--neo-primary-hover); border-color: var(--neo-primary-hover); } - .neo-button-secondary { + .neo-button-secondary, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--neo-secondary); color: var(--neo-on-secondary); border-color: var(--neo-secondary); } - .neo-button-secondary:hover { + .neo-button-secondary:hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--neo-secondary-hover); border-color: var(--neo-secondary-hover); } - .neo-button-danger { + .neo-button-danger, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--neo-danger); color: var(--neo-on-danger); border-color: var(--neo-danger); } - .neo-button-ghost { + .neo-button-ghost, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--neo-text); box-shadow: none; background: none; } - .neo-icon-button { + .neo-icon-button, :where([data-ui="neumorphism"]) .ui-icon-button { border-radius: var(--neo-radius-pill); width: 2.75rem; padding: 0; } - .neo-button:disabled, .neo-icon-button:disabled, .neo-disabled { + .neo-button:disabled, .neo-icon-button:disabled, .neo-disabled, :where([data-ui="neumorphism"]) .ui-button:disabled, :where([data-ui="neumorphism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .neo-card, .neo-panel { + .neo-card, .neo-panel, :where([data-ui="neumorphism"]) .ui-card { background: var(--neo-card-bg); } - .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button { + .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { background: var(--neo-control-bg); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { font-family: var(--neo-font-control); } @@ -7337,7 +7337,7 @@ background: var(--neo-bg); } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { border-color: rgb(var(--neo-border-rgb)/.14); box-shadow: 10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light); } @@ -7350,11 +7350,11 @@ box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { box-shadow: 5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light); } - .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { box-shadow: inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light); } @@ -7384,12 +7384,12 @@ inline-size: 3rem; } - .neo-button[aria-busy="true"], .neo-icon-button[aria-busy="true"], [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .neo-button[aria-busy="true"], .neo-icon-button[aria-busy="true"], [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="neumorphism"]) .ui-button[aria-busy="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .neo-button[aria-busy="true"]:after, .neo-icon-button[aria-busy="true"]:after, [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .neo-button[aria-busy="true"]:after, .neo-icon-button[aria-busy="true"]:after, [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="neumorphism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="neumorphism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--neo-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -7615,7 +7615,7 @@ background-size: var(--retro-theme-bg-size); } - .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link { + .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button { font-family: var(--retro-font-heading); } @@ -7661,7 +7661,7 @@ height: 1px; } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { background: linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface); color: var(--retro-text); border: 1px solid var(--retro-border); @@ -7671,7 +7671,7 @@ position: relative; } - .retro-card, .retro-panel { + .retro-card, .retro-panel, :where([data-ui="retrofuturism"]) .ui-card { padding: var(--retro-space-6); } @@ -7708,7 +7708,7 @@ transform: translateY(-3px) scale(1.005); } - .retro-button, .retro-icon-button { + .retro-button, .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -7732,71 +7732,71 @@ display: inline-flex; } - .retro-button:hover, .retro-icon-button:hover { + .retro-button:hover, .retro-icon-button:hover, :where([data-ui="retrofuturism"]) .ui-button:hover, :where([data-ui="retrofuturism"]) .ui-icon-button:hover { border-color: var(--retro-primary); transform: translateY(-1px); } - .retro-button:active, .retro-icon-button:active, .retro-button[aria-pressed="true"], .retro-icon-button[aria-pressed="true"], .retro-button.is-active, .retro-icon-button.is-active { + .retro-button:active, .retro-icon-button:active, .retro-button[aria-pressed="true"], .retro-icon-button[aria-pressed="true"], .retro-button.is-active, .retro-icon-button.is-active, :where([data-ui="retrofuturism"]) .ui-button:active, :where([data-ui="retrofuturism"]) .ui-icon-button:active, :where([data-ui="retrofuturism"]) .ui-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-button.is-active, :where([data-ui="retrofuturism"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .retro-button-primary { + .retro-button-primary, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--retro-primary); color: var(--retro-on-primary); border-color: var(--retro-primary); } - .retro-button-primary:hover { + .retro-button-primary:hover, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--retro-primary-hover); border-color: var(--retro-primary-hover); } - .retro-button-secondary { + .retro-button-secondary, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--retro-secondary); color: var(--retro-on-secondary); border-color: var(--retro-secondary); } - .retro-button-secondary:hover { + .retro-button-secondary:hover, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--retro-secondary-hover); border-color: var(--retro-secondary-hover); } - .retro-button-danger { + .retro-button-danger, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--retro-danger); color: var(--retro-on-danger); border-color: var(--retro-danger); } - .retro-button-ghost { + .retro-button-ghost, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--retro-text); box-shadow: none; background: none; } - .retro-icon-button { + .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-icon-button { border-radius: var(--retro-radius-pill); width: 2.75rem; padding: 0; } - .retro-button:disabled, .retro-icon-button:disabled, .retro-disabled { + .retro-button:disabled, .retro-icon-button:disabled, .retro-disabled, :where([data-ui="retrofuturism"]) .ui-button:disabled, :where([data-ui="retrofuturism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .retro-card, .retro-panel { + .retro-card, .retro-panel, :where([data-ui="retrofuturism"]) .ui-card { background: var(--retro-card-bg); } - .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button { + .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { background: var(--retro-control-bg); } - .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link { + .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { font-family: var(--retro-font-control); } @@ -8238,12 +8238,12 @@ text-shadow: 0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16); } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { background: linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface); box-shadow: 0 18px 48px rgb(0 0 0 / var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14); } - .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active { + .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { box-shadow: 0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22); } @@ -8273,12 +8273,12 @@ inline-size: 3rem; } - .retro-button[aria-busy="true"], .retro-icon-button[aria-busy="true"], [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .retro-button[aria-busy="true"], .retro-icon-button[aria-busy="true"], [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .retro-button[aria-busy="true"]:after, .retro-icon-button[aria-busy="true"]:after, [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .retro-button[aria-busy="true"]:after, .retro-icon-button[aria-busy="true"]:after, [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--retro-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -8550,12 +8550,12 @@ inline-size: 3rem; } - .brutal-button[aria-busy="true"], .brutal-icon-button[aria-busy="true"], [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .brutal-button[aria-busy="true"], .brutal-icon-button[aria-busy="true"], [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="brutalism"]) .ui-button[aria-busy="true"], :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .brutal-button[aria-busy="true"]:after, .brutal-icon-button[aria-busy="true"]:after, [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .brutal-button[aria-busy="true"]:after, .brutal-icon-button[aria-busy="true"]:after, [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="brutalism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--brutal-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -8572,7 +8572,7 @@ } } - .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link { + .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button { font-family: var(--brutal-font-heading); text-transform: uppercase; } @@ -8611,7 +8611,7 @@ color: var(--brutal-text-muted); } - .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap { + .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card { background: var(--brutal-surface-strong); color: var(--brutal-text); border: 3px solid var(--brutal-border); @@ -8620,7 +8620,7 @@ transition: transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast); } - .brutal-card, .brutal-panel { + .brutal-card, .brutal-panel, :where([data-ui="brutalism"]) .ui-card { padding: var(--brutal-space-6); } @@ -8655,7 +8655,7 @@ transform: translate(4px, 4px); } - .brutal-button, .brutal-icon-button { + .brutal-button, .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -8678,60 +8678,60 @@ display: inline-flex; } - .brutal-button:hover, .brutal-icon-button:hover { + .brutal-button:hover, .brutal-icon-button:hover, :where([data-ui="brutalism"]) .ui-button:hover, :where([data-ui="brutalism"]) .ui-icon-button:hover { box-shadow: 8px 8px 0 var(--brutal-primary); transform: translate(-2px, -2px); } - .brutal-button:active, .brutal-icon-button:active, .brutal-button.is-active, .brutal-button[aria-pressed="true"] { + .brutal-button:active, .brutal-icon-button:active, .brutal-button.is-active, .brutal-button[aria-pressed="true"], :where([data-ui="brutalism"]) .ui-button:active, :where([data-ui="brutalism"]) .ui-icon-button:active, :where([data-ui="brutalism"]) .ui-button.is-active, :where([data-ui="brutalism"]) .ui-button[aria-pressed="true"] { box-shadow: 2px 2px 0 var(--brutal-secondary); transform: translate(4px, 4px); } - .brutal-button-primary { + .brutal-button-primary, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--brutal-primary); color: var(--brutal-on-primary); } - .brutal-button-primary:hover { + .brutal-button-primary:hover, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--brutal-primary-hover); } - .brutal-button-secondary { + .brutal-button-secondary, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--brutal-secondary); color: var(--brutal-on-secondary); box-shadow: 6px 6px 0 var(--brutal-primary); } - .brutal-button-secondary:hover { + .brutal-button-secondary:hover, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--brutal-secondary-hover); } - .brutal-button-danger { + .brutal-button-danger, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--brutal-danger); color: var(--brutal-on-danger); } - .brutal-icon-button { + .brutal-icon-button, :where([data-ui="brutalism"]) .ui-icon-button { width: 2.85rem; padding: 0; } - .brutal-button:disabled, .brutal-icon-button:disabled, .brutal-disabled { + .brutal-button:disabled, .brutal-icon-button:disabled, .brutal-disabled, :where([data-ui="brutalism"]) .ui-button:disabled, :where([data-ui="brutalism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .brutal-card, .brutal-panel { + .brutal-card, .brutal-panel, :where([data-ui="brutalism"]) .ui-card { background: var(--brutal-card-bg); } - .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button { + .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { background: var(--brutal-control-bg); } - .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link { + .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { font-family: var(--brutal-font-control); } @@ -9205,7 +9205,7 @@ color: var(--cyber-on-primary); } - .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link { + .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button { font-family: var(--cyber-font-heading); text-transform: uppercase; } @@ -9243,7 +9243,7 @@ color: var(--cyber-text-muted); } - .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap { + .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card { background: linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface); color: var(--cyber-text); border: 1px solid var(--cyber-border); @@ -9255,7 +9255,7 @@ overflow: hidden; } - .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before { + .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before { content: ""; pointer-events: none; border-top: 2px solid rgb(var(--cyber-primary-rgb)/.5); @@ -9264,7 +9264,7 @@ inset: 0; } - .cyber-card, .cyber-panel, .cyber-console { + .cyber-card, .cyber-panel, .cyber-console, :where([data-ui="cyberpunk"]) .ui-card { padding: var(--cyber-space-6); } @@ -9298,7 +9298,7 @@ padding: var(--cyber-space-5); } - .cyber-button, .cyber-icon-button { + .cyber-button, .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -9321,41 +9321,41 @@ display: inline-flex; } - .cyber-button:hover, .cyber-icon-button:hover { + .cyber-button:hover, .cyber-icon-button:hover, :where([data-ui="cyberpunk"]) .ui-button:hover, :where([data-ui="cyberpunk"]) .ui-icon-button:hover { box-shadow: var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary); transform: translateY(-1px); } - .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-active, .cyber-button[aria-pressed="true"] { + .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-active, .cyber-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-button:active, :where([data-ui="cyberpunk"]) .ui-icon-button:active, :where([data-ui="cyberpunk"]) .ui-button.is-active, :where([data-ui="cyberpunk"]) .ui-button[aria-pressed="true"] { box-shadow: inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary); transform: translateY(1px); } - .cyber-button-primary { + .cyber-button-primary, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary); color: var(--cyber-on-primary); } - .cyber-button-primary:hover { + .cyber-button-primary:hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--cyber-primary-hover); } - .cyber-button-secondary { + .cyber-button-secondary, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary); color: var(--cyber-on-secondary); border-color: rgb(var(--cyber-secondary-rgb)/.7); } - .cyber-button-secondary:hover { + .cyber-button-secondary:hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--cyber-secondary-hover); } - .cyber-button-danger { + .cyber-button-danger, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--cyber-danger); color: var(--cyber-on-danger); } - .cyber-icon-button { + .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -9611,7 +9611,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -9622,15 +9622,15 @@ } } - .cyber-card, .cyber-panel { + .cyber-card, .cyber-panel, :where([data-ui="cyberpunk"]) .ui-card { background: var(--cyber-card-bg); } - .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button { + .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { background: var(--cyber-control-bg); } - .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link { + .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { font-family: var(--cyber-font-control); } @@ -9661,12 +9661,12 @@ inline-size: 3rem; } - .cyber-button[aria-busy="true"], .cyber-icon-button[aria-busy="true"], [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .cyber-button[aria-busy="true"], .cyber-icon-button[aria-busy="true"], [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--cyber-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -9911,7 +9911,7 @@ color: var(--y2k-on-primary); } - .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link { + .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button { font-family: var(--y2k-font-heading); } @@ -9949,7 +9949,7 @@ color: var(--y2k-text-muted); } - .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap { + .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card { background: linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface); color: var(--y2k-text); border: 1px solid #ffffff61; @@ -9962,7 +9962,7 @@ overflow: hidden; } - .y2k-card:before, .y2k-panel:before, .y2k-bubble:before { + .y2k-card:before, .y2k-panel:before, .y2k-bubble:before, :where([data-ui="y2k"]) .ui-card:before { content: ""; pointer-events: none; background: radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12)); @@ -9970,7 +9970,7 @@ inset: 0; } - .y2k-card, .y2k-panel, .y2k-bubble { + .y2k-card, .y2k-panel, .y2k-bubble, :where([data-ui="y2k"]) .ui-card { padding: var(--y2k-space-6); } @@ -10000,7 +10000,7 @@ padding: var(--y2k-space-5); } - .y2k-button, .y2k-icon-button { + .y2k-button, .y2k-icon-button, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -10022,40 +10022,40 @@ display: inline-flex; } - .y2k-button:hover, .y2k-icon-button:hover { + .y2k-button:hover, .y2k-icon-button:hover, :where([data-ui="y2k"]) .ui-button:hover, :where([data-ui="y2k"]) .ui-icon-button:hover { box-shadow: var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent); transform: translateY(-2px); } - .y2k-button:active, .y2k-icon-button:active, .y2k-button.is-active, .y2k-button[aria-pressed="true"] { + .y2k-button:active, .y2k-icon-button:active, .y2k-button.is-active, .y2k-button[aria-pressed="true"], :where([data-ui="y2k"]) .ui-button:active, :where([data-ui="y2k"]) .ui-icon-button:active, :where([data-ui="y2k"]) .ui-button.is-active, :where([data-ui="y2k"]) .ui-button[aria-pressed="true"] { transform: translateY(1px) scale(.99); box-shadow: inset 0 8px 16px #00000024; } - .y2k-button-primary { + .y2k-button-primary, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary); color: var(--y2k-on-primary); } - .y2k-button-primary:hover { + .y2k-button-primary:hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]):hover { background: linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover); } - .y2k-button-secondary { + .y2k-button-secondary, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary); color: var(--y2k-on-secondary); } - .y2k-button-secondary:hover { + .y2k-button-secondary:hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--y2k-secondary-hover); } - .y2k-button-danger { + .y2k-button-danger, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--y2k-danger); color: var(--y2k-on-danger); } - .y2k-icon-button { + .y2k-icon-button, :where([data-ui="y2k"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -10302,15 +10302,15 @@ } } - .y2k-card, .y2k-panel { + .y2k-card, .y2k-panel, :where([data-ui="y2k"]) .ui-card { background: var(--y2k-card-bg); } - .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button { + .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { background: var(--y2k-control-bg); } - .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link { + .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { font-family: var(--y2k-font-control); } @@ -10340,12 +10340,12 @@ inline-size: 3rem; } - .y2k-button[aria-busy="true"], .y2k-icon-button[aria-busy="true"], [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .y2k-button[aria-busy="true"], .y2k-icon-button[aria-busy="true"], [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="y2k"]) .ui-button[aria-busy="true"], :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .y2k-button[aria-busy="true"]:after, .y2k-icon-button[aria-busy="true"]:after, [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .y2k-button[aria-busy="true"]:after, .y2k-icon-button[aria-busy="true"]:after, [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="y2k"]) .ui-button[aria-busy="true"]:after, :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--y2k-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -10590,7 +10590,7 @@ color: var(--rg-on-primary); } - .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link { + .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button { font-family: var(--rg-font-heading); text-transform: uppercase; } @@ -10627,7 +10627,7 @@ color: var(--rg-text-muted); } - .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap { + .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card { background: linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface); color: var(--rg-text); border: 1px solid var(--rg-border); @@ -10641,7 +10641,7 @@ overflow: hidden; } - .rg-card:before, .rg-panel:before, .rg-console:before { + .rg-card:before, .rg-panel:before, .rg-console:before, :where([data-ui="retro-glass"]) .ui-card:before { content: ""; pointer-events: none; background: linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent); @@ -10649,7 +10649,7 @@ inset: 0; } - .rg-card, .rg-panel, .rg-console { + .rg-card, .rg-panel, .rg-console, :where([data-ui="retro-glass"]) .ui-card { padding: var(--rg-space-6); } @@ -10685,7 +10685,7 @@ padding: var(--rg-space-5); } - .rg-button, .rg-icon-button { + .rg-button, .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -10709,43 +10709,43 @@ display: inline-flex; } - .rg-button:hover, .rg-icon-button:hover { + .rg-button:hover, .rg-icon-button:hover, :where([data-ui="retro-glass"]) .ui-button:hover, :where([data-ui="retro-glass"]) .ui-icon-button:hover { border-color: rgb(var(--rg-primary-rgb)/.68); box-shadow: var(--rg-shadow-md),0 0 24px var(--rg-glow-primary); transform: translateY(-2px); } - .rg-button:active, .rg-icon-button:active, .rg-button.is-active, .rg-button[aria-pressed="true"] { + .rg-button:active, .rg-icon-button:active, .rg-button.is-active, .rg-button[aria-pressed="true"], :where([data-ui="retro-glass"]) .ui-button:active, :where([data-ui="retro-glass"]) .ui-icon-button:active, :where([data-ui="retro-glass"]) .ui-button.is-active, :where([data-ui="retro-glass"]) .ui-button[aria-pressed="true"] { box-shadow: inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary); transform: translateY(1px); } - .rg-button-primary { + .rg-button-primary, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary); color: var(--rg-on-primary); border-color: rgb(var(--rg-primary-rgb)/.72); } - .rg-button-primary:hover { + .rg-button-primary:hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--rg-primary-hover); } - .rg-button-secondary { + .rg-button-secondary, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary); color: var(--rg-on-secondary); border-color: rgb(var(--rg-secondary-rgb)/.72); } - .rg-button-secondary:hover { + .rg-button-secondary:hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--rg-secondary-hover); } - .rg-button-danger { + .rg-button-danger, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--rg-danger); color: var(--rg-on-danger); } - .rg-icon-button { + .rg-icon-button, :where([data-ui="retro-glass"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -11019,15 +11019,15 @@ } } - .rg-card, .rg-panel { + .rg-card, .rg-panel, :where([data-ui="retro-glass"]) .ui-card { background: var(--rg-card-bg); } - .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button { + .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { background: var(--rg-control-bg); } - .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link { + .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { font-family: var(--rg-font-control); } @@ -11058,12 +11058,12 @@ inline-size: 3rem; } - .rg-button[aria-busy="true"], .rg-icon-button[aria-busy="true"], [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .rg-button[aria-busy="true"], .rg-icon-button[aria-busy="true"], [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"], :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--rg-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/ui-style-kit.with-bridge.min.css b/dist/ui-style-kit.with-bridge.min.css index 76bfd1c..f86fecb 100644 --- a/dist/ui-style-kit.with-bridge.min.css +++ b/dist/ui-style-kit.with-bridge.min.css @@ -4,4 +4,4 @@ * License: MIT */ @layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout; -@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost{color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost{color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link{font-family:var(--saas-font-control)}.saas-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost{color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link{font-family:var(--bento-font-control)}.bento-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost{color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link{font-family:var(--max-font-control)}.max-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control{border-radius:var(--max-radius-xs)}.max-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost{color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link{font-family:var(--bau-font-control)}.bau-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost{color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link{font-family:var(--tactile-font-control)}.tactile-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost{color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link{font-family:var(--neo-font-control)}.neo-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost{color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link{font-family:var(--retro-font-control)}.retro-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active{box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover{background:var(--brutal-primary-hover)}.brutal-button-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover{background:var(--brutal-secondary-hover)}.brutal-button-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link{font-family:var(--brutal-font-control)}.brutal-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary{background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover{background:var(--cyber-primary-hover)}.cyber-button-secondary{background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover{background:var(--cyber-secondary-hover)}.cyber-button-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button{width:2.85rem;padding:0}.cyber-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary{background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary{background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover{background:var(--y2k-secondary-hover)}.y2k-button-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button{width:2.85rem;padding:0}.y2k-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary{background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover{background:var(--rg-primary-hover)}.rg-button-secondary{background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover{background:var(--rg-secondary-hover)}.rg-button-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button{width:2.85rem;padding:0}.rg-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]){cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}}:where([data-ui][data-theme][data-mode]) .interactive-surface{--interactive-surface-border-width:1px;--interactive-surface-bg:rgb(var(--usk-surface-strong-rgb,var(--usk-surface-rgb,255 255 255)));--interactive-surface-fg:rgb(var(--usk-text-rgb));--interactive-surface-border-color:rgb(var(--usk-border-rgb,128 128 128) / .72);--interactive-surface-focus-ring-color:rgb(var(--usk-focus-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-radius:.85rem;--interactive-surface-state-layer-color:currentColor;--interactive-surface-state-layer-opacity:0;--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18;--interactive-surface-light-icon-color:rgb(var(--usk-warning-rgb,var(--usk-accent-rgb,255 190 72)));--interactive-surface-dark-icon-color:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-accessibility-icon-color:var(--interactive-surface-focus-ring-color);--interactive-surface-light-icon-color-dark:var(--interactive-surface-light-icon-color);--interactive-surface-dark-icon-color-dark:var(--interactive-surface-dark-icon-color);--interactive-surface-accessibility-icon-color-dark:var(--interactive-surface-accessibility-icon-color);--interactive-surface-variant-primary-bg:rgb(var(--usk-primary-rgb));--interactive-surface-variant-primary-fg:rgb(var(--usk-primary-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-primary-border-color:rgb(var(--usk-primary-rgb,72 120 255));--interactive-surface-variant-secondary-bg:rgb(var(--usk-secondary-rgb,var(--usk-surface-soft-rgb,96 112 128)));--interactive-surface-variant-secondary-fg:rgb(var(--usk-secondary-text-rgb,var(--usk-text-rgb,18 18 18)));--interactive-surface-variant-secondary-border-color:rgb(var(--usk-secondary-rgb,96 112 128));--interactive-surface-variant-accent-bg:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-accent-fg:rgb(var(--usk-accent-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-accent-border-color:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-subtle-bg:rgb(var(--usk-surface-soft-rgb,var(--usk-surface-rgb,244 244 244)));--interactive-surface-variant-subtle-fg:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-variant-subtle-border-color:rgb(var(--usk-border-rgb,128 128 128) / .64);--interactive-surface-variant-warning-bg:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-warning-fg:rgb(var(--usk-warning-text-rgb,var(--usk-bg-rgb,18 18 18)));--interactive-surface-variant-warning-border-color:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-danger-bg:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-variant-danger-fg:rgb(var(--usk-danger-text-rgb,255 255 255));--interactive-surface-variant-danger-border-color:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-level-1-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-level-1-border-color:var(--interactive-surface-variant-subtle-border-color);--interactive-surface-level-1-shadow:0 1px 2px rgb(var(--usk-bg-rgb,0 0 0) / .18);--interactive-surface-level-2-bg:var(--interactive-surface-bg);--interactive-surface-level-2-border-color:var(--interactive-surface-border-color);--interactive-surface-level-2-shadow:0 8px 20px rgb(var(--usk-bg-rgb,0 0 0) / .22);--interactive-surface-level-3-bg:color-mix(in srgb, var(--interactive-surface-bg) 82%, var(--interactive-surface-variant-primary-bg));--interactive-surface-level-3-border-color:color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 72%, var(--interactive-surface-border-color));--interactive-surface-level-3-shadow:0 14px 34px rgb(var(--usk-bg-rgb,0 0 0) / .3), 0 0 0 1px color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 34%, transparent);--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);isolation:isolate;background-color:var(--interactive-surface-level-bg,var(--interactive-surface-bg));color:var(--interactive-surface-fg);border-width:var(--interactive-surface-border-width);border-style:solid;border-color:var(--interactive-surface-level-border-color,var(--interactive-surface-border-color));border-radius:var(--interactive-surface-radius);box-shadow:var(--interactive-surface-level-shadow,none);transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;position:relative}:where([data-ui][data-theme][data-mode]) .interactive-surface:before{border-radius:inherit;background:var(--interactive-surface-state-layer-color);opacity:var(--interactive-surface-state-layer-opacity);pointer-events:none;content:"";transition:opacity .16s;position:absolute;inset:0}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):hover{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-hover);transform:translateY(-1px)}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):active,:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-pressed=true],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-current=page],:where([data-ui][data-theme][data-mode]) .interactive-surface.is-active{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-active);transform:translateY(0)}:where([data-ui][data-theme][data-mode]) .interactive-surface:focus-visible{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-focus);outline:2px solid var(--interactive-surface-focus-ring-color);outline-offset:3px}:where([data-ui][data-theme][data-mode]) .interactive-surface[disabled],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-disabled=true]{opacity:.56;cursor:not-allowed}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=primary]{--interactive-surface-bg:var(--interactive-surface-variant-primary-bg);--interactive-surface-fg:var(--interactive-surface-variant-primary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-primary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=secondary]{--interactive-surface-bg:var(--interactive-surface-variant-secondary-bg);--interactive-surface-fg:var(--interactive-surface-variant-secondary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-secondary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=accent]{--interactive-surface-bg:var(--interactive-surface-variant-accent-bg);--interactive-surface-fg:var(--interactive-surface-variant-accent-fg);--interactive-surface-border-color:var(--interactive-surface-variant-accent-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=subtle]{--interactive-surface-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-fg:var(--interactive-surface-variant-subtle-fg);--interactive-surface-border-color:var(--interactive-surface-variant-subtle-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=warning]{--interactive-surface-bg:var(--interactive-surface-variant-warning-bg);--interactive-surface-fg:var(--interactive-surface-variant-warning-fg);--interactive-surface-border-color:var(--interactive-surface-variant-warning-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=danger]{--interactive-surface-bg:var(--interactive-surface-variant-danger-bg);--interactive-surface-fg:var(--interactive-surface-variant-danger-fg);--interactive-surface-border-color:var(--interactive-surface-variant-danger-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="1"]{--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="2"]{--interactive-surface-level-bg:var(--interactive-surface-level-2-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-2-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-2-shadow);--interactive-surface-state-layer-opacity-hover:.11;--interactive-surface-state-layer-opacity-active:.18;--interactive-surface-state-layer-opacity-focus:.22}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="3"]{--interactive-surface-level-bg:var(--interactive-surface-level-3-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-3-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-3-shadow);--interactive-surface-state-layer-opacity-hover:.14;--interactive-surface-state-layer-opacity-active:.24;--interactive-surface-state-layer-opacity-focus:.28} \ No newline at end of file +@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control{border-radius:var(--max-radius-xs)}.max-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}}:where([data-ui][data-theme][data-mode]) .interactive-surface{--interactive-surface-border-width:1px;--interactive-surface-bg:rgb(var(--usk-surface-strong-rgb,var(--usk-surface-rgb,255 255 255)));--interactive-surface-fg:rgb(var(--usk-text-rgb));--interactive-surface-border-color:rgb(var(--usk-border-rgb,128 128 128) / .72);--interactive-surface-focus-ring-color:rgb(var(--usk-focus-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-radius:.85rem;--interactive-surface-state-layer-color:currentColor;--interactive-surface-state-layer-opacity:0;--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18;--interactive-surface-light-icon-color:rgb(var(--usk-warning-rgb,var(--usk-accent-rgb,255 190 72)));--interactive-surface-dark-icon-color:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-accessibility-icon-color:var(--interactive-surface-focus-ring-color);--interactive-surface-light-icon-color-dark:var(--interactive-surface-light-icon-color);--interactive-surface-dark-icon-color-dark:var(--interactive-surface-dark-icon-color);--interactive-surface-accessibility-icon-color-dark:var(--interactive-surface-accessibility-icon-color);--interactive-surface-variant-primary-bg:rgb(var(--usk-primary-rgb));--interactive-surface-variant-primary-fg:rgb(var(--usk-primary-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-primary-border-color:rgb(var(--usk-primary-rgb,72 120 255));--interactive-surface-variant-secondary-bg:rgb(var(--usk-secondary-rgb,var(--usk-surface-soft-rgb,96 112 128)));--interactive-surface-variant-secondary-fg:rgb(var(--usk-secondary-text-rgb,var(--usk-text-rgb,18 18 18)));--interactive-surface-variant-secondary-border-color:rgb(var(--usk-secondary-rgb,96 112 128));--interactive-surface-variant-accent-bg:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-accent-fg:rgb(var(--usk-accent-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-accent-border-color:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-subtle-bg:rgb(var(--usk-surface-soft-rgb,var(--usk-surface-rgb,244 244 244)));--interactive-surface-variant-subtle-fg:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-variant-subtle-border-color:rgb(var(--usk-border-rgb,128 128 128) / .64);--interactive-surface-variant-warning-bg:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-warning-fg:rgb(var(--usk-warning-text-rgb,var(--usk-bg-rgb,18 18 18)));--interactive-surface-variant-warning-border-color:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-danger-bg:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-variant-danger-fg:rgb(var(--usk-danger-text-rgb,255 255 255));--interactive-surface-variant-danger-border-color:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-level-1-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-level-1-border-color:var(--interactive-surface-variant-subtle-border-color);--interactive-surface-level-1-shadow:0 1px 2px rgb(var(--usk-bg-rgb,0 0 0) / .18);--interactive-surface-level-2-bg:var(--interactive-surface-bg);--interactive-surface-level-2-border-color:var(--interactive-surface-border-color);--interactive-surface-level-2-shadow:0 8px 20px rgb(var(--usk-bg-rgb,0 0 0) / .22);--interactive-surface-level-3-bg:color-mix(in srgb, var(--interactive-surface-bg) 82%, var(--interactive-surface-variant-primary-bg));--interactive-surface-level-3-border-color:color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 72%, var(--interactive-surface-border-color));--interactive-surface-level-3-shadow:0 14px 34px rgb(var(--usk-bg-rgb,0 0 0) / .3), 0 0 0 1px color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 34%, transparent);--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);isolation:isolate;background-color:var(--interactive-surface-level-bg,var(--interactive-surface-bg));color:var(--interactive-surface-fg);border-width:var(--interactive-surface-border-width);border-style:solid;border-color:var(--interactive-surface-level-border-color,var(--interactive-surface-border-color));border-radius:var(--interactive-surface-radius);box-shadow:var(--interactive-surface-level-shadow,none);transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;position:relative}:where([data-ui][data-theme][data-mode]) .interactive-surface:before{border-radius:inherit;background:var(--interactive-surface-state-layer-color);opacity:var(--interactive-surface-state-layer-opacity);pointer-events:none;content:"";transition:opacity .16s;position:absolute;inset:0}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):hover{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-hover);transform:translateY(-1px)}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):active,:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-pressed=true],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-current=page],:where([data-ui][data-theme][data-mode]) .interactive-surface.is-active{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-active);transform:translateY(0)}:where([data-ui][data-theme][data-mode]) .interactive-surface:focus-visible{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-focus);outline:2px solid var(--interactive-surface-focus-ring-color);outline-offset:3px}:where([data-ui][data-theme][data-mode]) .interactive-surface[disabled],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-disabled=true]{opacity:.56;cursor:not-allowed}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=primary]{--interactive-surface-bg:var(--interactive-surface-variant-primary-bg);--interactive-surface-fg:var(--interactive-surface-variant-primary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-primary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=secondary]{--interactive-surface-bg:var(--interactive-surface-variant-secondary-bg);--interactive-surface-fg:var(--interactive-surface-variant-secondary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-secondary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=accent]{--interactive-surface-bg:var(--interactive-surface-variant-accent-bg);--interactive-surface-fg:var(--interactive-surface-variant-accent-fg);--interactive-surface-border-color:var(--interactive-surface-variant-accent-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=subtle]{--interactive-surface-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-fg:var(--interactive-surface-variant-subtle-fg);--interactive-surface-border-color:var(--interactive-surface-variant-subtle-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=warning]{--interactive-surface-bg:var(--interactive-surface-variant-warning-bg);--interactive-surface-fg:var(--interactive-surface-variant-warning-fg);--interactive-surface-border-color:var(--interactive-surface-variant-warning-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=danger]{--interactive-surface-bg:var(--interactive-surface-variant-danger-bg);--interactive-surface-fg:var(--interactive-surface-variant-danger-fg);--interactive-surface-border-color:var(--interactive-surface-variant-danger-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="1"]{--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="2"]{--interactive-surface-level-bg:var(--interactive-surface-level-2-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-2-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-2-shadow);--interactive-surface-state-layer-opacity-hover:.11;--interactive-surface-state-layer-opacity-active:.18;--interactive-surface-state-layer-opacity-focus:.22}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="3"]{--interactive-surface-level-bg:var(--interactive-surface-level-3-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-3-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-3-shadow);--interactive-surface-state-layer-opacity-hover:.14;--interactive-surface-state-layer-opacity-active:.24;--interactive-surface-state-layer-opacity-focus:.28} \ No newline at end of file diff --git a/dist/visual/bauhaus.css b/dist/visual/bauhaus.css index ed0ef12..e0dfeaa 100644 --- a/dist/visual/bauhaus.css +++ b/dist/visual/bauhaus.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="bauhaus"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2215,7 +2215,7 @@ background-size: var(--bau-theme-bg-size); } - .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link { + .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button { font-family: var(--bau-font-heading); } @@ -2262,7 +2262,7 @@ height: 2px; } - .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap { + .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card { background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface); color: var(--bau-text); border: 2px solid var(--bau-border); @@ -2272,7 +2272,7 @@ position: relative; } - .bau-card, .bau-panel { + .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card { padding: var(--bau-space-6); } @@ -2309,7 +2309,7 @@ transform: translate(-3px, -3px); } - .bau-button, .bau-icon-button { + .bau-button, .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2333,71 +2333,71 @@ display: inline-flex; } - .bau-button:hover, .bau-icon-button:hover { + .bau-button:hover, .bau-icon-button:hover, :where([data-ui="bauhaus"]) .ui-button:hover, :where([data-ui="bauhaus"]) .ui-icon-button:hover { border-color: var(--bau-primary); transform: translateY(-1px); } - .bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active { + .bau-button:active, .bau-icon-button:active, .bau-button[aria-pressed="true"], .bau-icon-button[aria-pressed="true"], .bau-button.is-active, .bau-icon-button.is-active, :where([data-ui="bauhaus"]) .ui-button:active, :where([data-ui="bauhaus"]) .ui-icon-button:active, :where([data-ui="bauhaus"]) .ui-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bauhaus"]) .ui-button.is-active, :where([data-ui="bauhaus"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .bau-button-primary { + .bau-button-primary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--bau-primary); color: var(--bau-on-primary); border-color: var(--bau-primary); } - .bau-button-primary:hover { + .bau-button-primary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--bau-primary-hover); border-color: var(--bau-primary-hover); } - .bau-button-secondary { + .bau-button-secondary, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--bau-secondary); color: var(--bau-on-secondary); border-color: var(--bau-secondary); } - .bau-button-secondary:hover { + .bau-button-secondary:hover, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--bau-secondary-hover); border-color: var(--bau-secondary-hover); } - .bau-button-danger { + .bau-button-danger, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--bau-danger); color: var(--bau-on-danger); border-color: var(--bau-danger); } - .bau-button-ghost { + .bau-button-ghost, :where([data-ui="bauhaus"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--bau-text); box-shadow: none; background: none; } - .bau-icon-button { + .bau-icon-button, :where([data-ui="bauhaus"]) .ui-icon-button { border-radius: var(--bau-radius-pill); width: 2.75rem; padding: 0; } - .bau-button:disabled, .bau-icon-button:disabled, .bau-disabled { + .bau-button:disabled, .bau-icon-button:disabled, .bau-disabled, :where([data-ui="bauhaus"]) .ui-button:disabled, :where([data-ui="bauhaus"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .bau-card, .bau-panel { + .bau-card, .bau-panel, :where([data-ui="bauhaus"]) .ui-card { background: var(--bau-card-bg); } - .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button { + .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { background: var(--bau-control-bg); } - .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link { + .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { font-family: var(--bau-font-control); } @@ -2881,12 +2881,12 @@ inline-size: 3rem; } - .bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .bau-button[aria-busy="true"], .bau-icon-button[aria-busy="true"], [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"], :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .bau-button[aria-busy="true"]:after, .bau-icon-button[aria-busy="true"]:after, [data-ui="bauhaus"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="bauhaus"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bauhaus"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--bau-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/visual/bento.css b/dist/visual/bento.css index b738e16..dee535d 100644 --- a/dist/visual/bento.css +++ b/dist/visual/bento.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="bento"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2214,7 +2214,7 @@ background-size: var(--bento-theme-bg-size); } - .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link { + .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button { font-family: var(--bento-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap { + .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card { background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface); color: var(--bento-text); border: 1px solid var(--bento-border); @@ -2270,7 +2270,7 @@ position: relative; } - .bento-card, .bento-panel { + .bento-card, .bento-panel, :where([data-ui="bento"]) .ui-card { padding: var(--bento-space-6); } @@ -2307,7 +2307,7 @@ transform: translateY(-3px) scale(1.005); } - .bento-button, .bento-icon-button { + .bento-button, .bento-icon-button, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2331,71 +2331,71 @@ display: inline-flex; } - .bento-button:hover, .bento-icon-button:hover { + .bento-button:hover, .bento-icon-button:hover, :where([data-ui="bento"]) .ui-button:hover, :where([data-ui="bento"]) .ui-icon-button:hover { border-color: var(--bento-primary); transform: translateY(-1px); } - .bento-button:active, .bento-icon-button:active, .bento-button[aria-pressed="true"], .bento-icon-button[aria-pressed="true"], .bento-button.is-active, .bento-icon-button.is-active { + .bento-button:active, .bento-icon-button:active, .bento-button[aria-pressed="true"], .bento-icon-button[aria-pressed="true"], .bento-button.is-active, .bento-icon-button.is-active, :where([data-ui="bento"]) .ui-button:active, :where([data-ui="bento"]) .ui-icon-button:active, :where([data-ui="bento"]) .ui-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="bento"]) .ui-button.is-active, :where([data-ui="bento"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .bento-button-primary { + .bento-button-primary, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--bento-primary); color: var(--bento-on-primary); border-color: var(--bento-primary); } - .bento-button-primary:hover { + .bento-button-primary:hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--bento-primary-hover); border-color: var(--bento-primary-hover); } - .bento-button-secondary { + .bento-button-secondary, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--bento-secondary); color: var(--bento-on-secondary); border-color: var(--bento-secondary); } - .bento-button-secondary:hover { + .bento-button-secondary:hover, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--bento-secondary-hover); border-color: var(--bento-secondary-hover); } - .bento-button-danger { + .bento-button-danger, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--bento-danger); color: var(--bento-on-danger); border-color: var(--bento-danger); } - .bento-button-ghost { + .bento-button-ghost, :where([data-ui="bento"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--bento-text); box-shadow: none; background: none; } - .bento-icon-button { + .bento-icon-button, :where([data-ui="bento"]) .ui-icon-button { border-radius: var(--bento-radius-pill); width: 2.75rem; padding: 0; } - .bento-button:disabled, .bento-icon-button:disabled, .bento-disabled { + .bento-button:disabled, .bento-icon-button:disabled, .bento-disabled, :where([data-ui="bento"]) .ui-button:disabled, :where([data-ui="bento"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .bento-card, .bento-panel { + .bento-card, .bento-panel, :where([data-ui="bento"]) .ui-card { background: var(--bento-card-bg); } - .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button { + .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { background: var(--bento-control-bg); } - .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link { + .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { font-family: var(--bento-font-control); } @@ -2900,12 +2900,12 @@ inline-size: 3rem; } - .bento-button[aria-busy="true"], .bento-icon-button[aria-busy="true"], [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .bento-button[aria-busy="true"], .bento-icon-button[aria-busy="true"], [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="bento"]) .ui-button[aria-busy="true"], :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .bento-button[aria-busy="true"]:after, .bento-icon-button[aria-busy="true"]:after, [data-ui="bento"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="bento"]) .ui-button[aria-busy="true"]:after, :where([data-ui="bento"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--bento-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/visual/brutalism.css b/dist/visual/brutalism.css index 0c6abeb..e9a3b96 100644 --- a/dist/visual/brutalism.css +++ b/dist/visual/brutalism.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="brutalism"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2260,12 +2260,12 @@ inline-size: 3rem; } - .brutal-button[aria-busy="true"], .brutal-icon-button[aria-busy="true"], [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .brutal-button[aria-busy="true"], .brutal-icon-button[aria-busy="true"], [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="brutalism"]) .ui-button[aria-busy="true"], :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .brutal-button[aria-busy="true"]:after, .brutal-icon-button[aria-busy="true"]:after, [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .brutal-button[aria-busy="true"]:after, .brutal-icon-button[aria-busy="true"]:after, [data-ui="brutalism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="brutalism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="brutalism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--brutal-primary-text-rgb)/.42); border-block-start-color: currentColor; @@ -2282,7 +2282,7 @@ } } - .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link { + .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button { font-family: var(--brutal-font-heading); text-transform: uppercase; } @@ -2321,7 +2321,7 @@ color: var(--brutal-text-muted); } - .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap { + .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card { background: var(--brutal-surface-strong); color: var(--brutal-text); border: 3px solid var(--brutal-border); @@ -2330,7 +2330,7 @@ transition: transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast); } - .brutal-card, .brutal-panel { + .brutal-card, .brutal-panel, :where([data-ui="brutalism"]) .ui-card { padding: var(--brutal-space-6); } @@ -2365,7 +2365,7 @@ transform: translate(4px, 4px); } - .brutal-button, .brutal-icon-button { + .brutal-button, .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2388,60 +2388,60 @@ display: inline-flex; } - .brutal-button:hover, .brutal-icon-button:hover { + .brutal-button:hover, .brutal-icon-button:hover, :where([data-ui="brutalism"]) .ui-button:hover, :where([data-ui="brutalism"]) .ui-icon-button:hover { box-shadow: 8px 8px 0 var(--brutal-primary); transform: translate(-2px, -2px); } - .brutal-button:active, .brutal-icon-button:active, .brutal-button.is-active, .brutal-button[aria-pressed="true"] { + .brutal-button:active, .brutal-icon-button:active, .brutal-button.is-active, .brutal-button[aria-pressed="true"], :where([data-ui="brutalism"]) .ui-button:active, :where([data-ui="brutalism"]) .ui-icon-button:active, :where([data-ui="brutalism"]) .ui-button.is-active, :where([data-ui="brutalism"]) .ui-button[aria-pressed="true"] { box-shadow: 2px 2px 0 var(--brutal-secondary); transform: translate(4px, 4px); } - .brutal-button-primary { + .brutal-button-primary, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--brutal-primary); color: var(--brutal-on-primary); } - .brutal-button-primary:hover { + .brutal-button-primary:hover, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--brutal-primary-hover); } - .brutal-button-secondary { + .brutal-button-secondary, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--brutal-secondary); color: var(--brutal-on-secondary); box-shadow: 6px 6px 0 var(--brutal-primary); } - .brutal-button-secondary:hover { + .brutal-button-secondary:hover, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--brutal-secondary-hover); } - .brutal-button-danger { + .brutal-button-danger, :where([data-ui="brutalism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--brutal-danger); color: var(--brutal-on-danger); } - .brutal-icon-button { + .brutal-icon-button, :where([data-ui="brutalism"]) .ui-icon-button { width: 2.85rem; padding: 0; } - .brutal-button:disabled, .brutal-icon-button:disabled, .brutal-disabled { + .brutal-button:disabled, .brutal-icon-button:disabled, .brutal-disabled, :where([data-ui="brutalism"]) .ui-button:disabled, :where([data-ui="brutalism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .brutal-card, .brutal-panel { + .brutal-card, .brutal-panel, :where([data-ui="brutalism"]) .ui-card { background: var(--brutal-card-bg); } - .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button { + .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { background: var(--brutal-control-bg); } - .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link { + .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { font-family: var(--brutal-font-control); } diff --git a/dist/visual/cyberpunk.css b/dist/visual/cyberpunk.css index 572d1bd..c1ff306 100644 --- a/dist/visual/cyberpunk.css +++ b/dist/visual/cyberpunk.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="cyberpunk"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2234,7 +2234,7 @@ color: var(--cyber-on-primary); } - .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link { + .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button { font-family: var(--cyber-font-heading); text-transform: uppercase; } @@ -2272,7 +2272,7 @@ color: var(--cyber-text-muted); } - .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap { + .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card { background: linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface); color: var(--cyber-text); border: 1px solid var(--cyber-border); @@ -2284,7 +2284,7 @@ overflow: hidden; } - .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before { + .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before { content: ""; pointer-events: none; border-top: 2px solid rgb(var(--cyber-primary-rgb)/.5); @@ -2293,7 +2293,7 @@ inset: 0; } - .cyber-card, .cyber-panel, .cyber-console { + .cyber-card, .cyber-panel, .cyber-console, :where([data-ui="cyberpunk"]) .ui-card { padding: var(--cyber-space-6); } @@ -2327,7 +2327,7 @@ padding: var(--cyber-space-5); } - .cyber-button, .cyber-icon-button { + .cyber-button, .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2350,41 +2350,41 @@ display: inline-flex; } - .cyber-button:hover, .cyber-icon-button:hover { + .cyber-button:hover, .cyber-icon-button:hover, :where([data-ui="cyberpunk"]) .ui-button:hover, :where([data-ui="cyberpunk"]) .ui-icon-button:hover { box-shadow: var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary); transform: translateY(-1px); } - .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-active, .cyber-button[aria-pressed="true"] { + .cyber-button:active, .cyber-icon-button:active, .cyber-button.is-active, .cyber-button[aria-pressed="true"], :where([data-ui="cyberpunk"]) .ui-button:active, :where([data-ui="cyberpunk"]) .ui-icon-button:active, :where([data-ui="cyberpunk"]) .ui-button.is-active, :where([data-ui="cyberpunk"]) .ui-button[aria-pressed="true"] { box-shadow: inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary); transform: translateY(1px); } - .cyber-button-primary { + .cyber-button-primary, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary); color: var(--cyber-on-primary); } - .cyber-button-primary:hover { + .cyber-button-primary:hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--cyber-primary-hover); } - .cyber-button-secondary { + .cyber-button-secondary, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary); color: var(--cyber-on-secondary); border-color: rgb(var(--cyber-secondary-rgb)/.7); } - .cyber-button-secondary:hover { + .cyber-button-secondary:hover, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--cyber-secondary-hover); } - .cyber-button-danger { + .cyber-button-danger, :where([data-ui="cyberpunk"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--cyber-danger); color: var(--cyber-on-danger); } - .cyber-icon-button { + .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -2640,7 +2640,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -2651,15 +2651,15 @@ } } - .cyber-card, .cyber-panel { + .cyber-card, .cyber-panel, :where([data-ui="cyberpunk"]) .ui-card { background: var(--cyber-card-bg); } - .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button { + .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { background: var(--cyber-control-bg); } - .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link { + .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { font-family: var(--cyber-font-control); } @@ -2690,12 +2690,12 @@ inline-size: 3rem; } - .cyber-button[aria-busy="true"], .cyber-icon-button[aria-busy="true"], [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .cyber-button[aria-busy="true"], .cyber-icon-button[aria-busy="true"], [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"], :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .cyber-button[aria-busy="true"]:after, .cyber-icon-button[aria-busy="true"]:after, [data-ui="cyberpunk"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="cyberpunk"]) .ui-button[aria-busy="true"]:after, :where([data-ui="cyberpunk"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--cyber-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/visual/maximalist.css b/dist/visual/maximalist.css index 1f08538..5188932 100644 --- a/dist/visual/maximalist.css +++ b/dist/visual/maximalist.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="maximalist"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2214,7 +2214,7 @@ background-size: var(--max-theme-bg-size); } - .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link { + .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button { font-family: var(--max-font-heading); } @@ -2261,7 +2261,7 @@ height: 3px; } - .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap { + .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card { background: linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface); color: var(--max-text); border: 3px solid var(--max-border); @@ -2271,7 +2271,7 @@ position: relative; } - .max-card, .max-panel { + .max-card, .max-panel, :where([data-ui="maximalist"]) .ui-card { padding: var(--max-space-6); } @@ -2308,7 +2308,7 @@ transform: translate(-2px, -2px); } - .max-button, .max-icon-button { + .max-button, .max-icon-button, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2332,71 +2332,71 @@ display: inline-flex; } - .max-button:hover, .max-icon-button:hover { + .max-button:hover, .max-icon-button:hover, :where([data-ui="maximalist"]) .ui-button:hover, :where([data-ui="maximalist"]) .ui-icon-button:hover { border-color: var(--max-primary); transform: translateY(-1px); } - .max-button:active, .max-icon-button:active, .max-button[aria-pressed="true"], .max-icon-button[aria-pressed="true"], .max-button.is-active, .max-icon-button.is-active { + .max-button:active, .max-icon-button:active, .max-button[aria-pressed="true"], .max-icon-button[aria-pressed="true"], .max-button.is-active, .max-icon-button.is-active, :where([data-ui="maximalist"]) .ui-button:active, :where([data-ui="maximalist"]) .ui-icon-button:active, :where([data-ui="maximalist"]) .ui-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="maximalist"]) .ui-button.is-active, :where([data-ui="maximalist"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .max-button-primary { + .max-button-primary, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--max-primary); color: var(--max-on-primary); border-color: var(--max-primary); } - .max-button-primary:hover { + .max-button-primary:hover, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--max-primary-hover); border-color: var(--max-primary-hover); } - .max-button-secondary { + .max-button-secondary, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--max-secondary); color: var(--max-on-secondary); border-color: var(--max-secondary); } - .max-button-secondary:hover { + .max-button-secondary:hover, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--max-secondary-hover); border-color: var(--max-secondary-hover); } - .max-button-danger { + .max-button-danger, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--max-danger); color: var(--max-on-danger); border-color: var(--max-danger); } - .max-button-ghost { + .max-button-ghost, :where([data-ui="maximalist"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--max-text); box-shadow: none; background: none; } - .max-icon-button { + .max-icon-button, :where([data-ui="maximalist"]) .ui-icon-button { border-radius: var(--max-radius-pill); width: 2.75rem; padding: 0; } - .max-button:disabled, .max-icon-button:disabled, .max-disabled { + .max-button:disabled, .max-icon-button:disabled, .max-disabled, :where([data-ui="maximalist"]) .ui-button:disabled, :where([data-ui="maximalist"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .max-card, .max-panel { + .max-card, .max-panel, :where([data-ui="maximalist"]) .ui-card { background: var(--max-card-bg); } - .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button { + .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { background: var(--max-control-bg); } - .max-button, .max-icon-button, .max-badge, .max-nav-link { + .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { font-family: var(--max-font-control); } @@ -2888,12 +2888,12 @@ inline-size: 3rem; } - .max-button[aria-busy="true"], .max-icon-button[aria-busy="true"], [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .max-button[aria-busy="true"], .max-icon-button[aria-busy="true"], [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="maximalist"]) .ui-button[aria-busy="true"], :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .max-button[aria-busy="true"]:after, .max-icon-button[aria-busy="true"]:after, [data-ui="maximalist"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="maximalist"]) .ui-button[aria-busy="true"]:after, :where([data-ui="maximalist"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--max-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/visual/minimal-saas.css b/dist/visual/minimal-saas.css index 4d41297..6dbc520 100644 --- a/dist/visual/minimal-saas.css +++ b/dist/visual/minimal-saas.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="minimal-saas"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2214,7 +2214,7 @@ background-size: var(--saas-theme-bg-size); } - .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link { + .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button { font-family: var(--saas-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap { + .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card { background: linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface); color: var(--saas-text); border: 1px solid var(--saas-border); @@ -2270,7 +2270,7 @@ position: relative; } - .saas-card, .saas-panel { + .saas-card, .saas-panel, :where([data-ui="minimal-saas"]) .ui-card { padding: var(--saas-space-6); } @@ -2307,7 +2307,7 @@ transform: translateY(-2px); } - .saas-button, .saas-icon-button { + .saas-button, .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2331,71 +2331,71 @@ display: inline-flex; } - .saas-button:hover, .saas-icon-button:hover { + .saas-button:hover, .saas-icon-button:hover, :where([data-ui="minimal-saas"]) .ui-button:hover, :where([data-ui="minimal-saas"]) .ui-icon-button:hover { border-color: var(--saas-primary); transform: translateY(-1px); } - .saas-button:active, .saas-icon-button:active, .saas-button[aria-pressed="true"], .saas-icon-button[aria-pressed="true"], .saas-button.is-active, .saas-icon-button.is-active { + .saas-button:active, .saas-icon-button:active, .saas-button[aria-pressed="true"], .saas-icon-button[aria-pressed="true"], .saas-button.is-active, .saas-icon-button.is-active, :where([data-ui="minimal-saas"]) .ui-button:active, :where([data-ui="minimal-saas"]) .ui-icon-button:active, :where([data-ui="minimal-saas"]) .ui-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="minimal-saas"]) .ui-button.is-active, :where([data-ui="minimal-saas"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .saas-button-primary { + .saas-button-primary, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--saas-primary); color: var(--saas-on-primary); border-color: var(--saas-primary); } - .saas-button-primary:hover { + .saas-button-primary:hover, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--saas-primary-hover); border-color: var(--saas-primary-hover); } - .saas-button-secondary { + .saas-button-secondary, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--saas-secondary); color: var(--saas-on-secondary); border-color: var(--saas-secondary); } - .saas-button-secondary:hover { + .saas-button-secondary:hover, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--saas-secondary-hover); border-color: var(--saas-secondary-hover); } - .saas-button-danger { + .saas-button-danger, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--saas-danger); color: var(--saas-on-danger); border-color: var(--saas-danger); } - .saas-button-ghost { + .saas-button-ghost, :where([data-ui="minimal-saas"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--saas-text); box-shadow: none; background: none; } - .saas-icon-button { + .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-icon-button { border-radius: var(--saas-radius-pill); width: 2.75rem; padding: 0; } - .saas-button:disabled, .saas-icon-button:disabled, .saas-disabled { + .saas-button:disabled, .saas-icon-button:disabled, .saas-disabled, :where([data-ui="minimal-saas"]) .ui-button:disabled, :where([data-ui="minimal-saas"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .saas-card, .saas-panel { + .saas-card, .saas-panel, :where([data-ui="minimal-saas"]) .ui-card { background: var(--saas-card-bg); } - .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button { + .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { background: var(--saas-control-bg); } - .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link { + .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { font-family: var(--saas-font-control); } @@ -2879,12 +2879,12 @@ inline-size: 3rem; } - .saas-button[aria-busy="true"], .saas-icon-button[aria-busy="true"], [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .saas-button[aria-busy="true"], .saas-icon-button[aria-busy="true"], [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"], :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .saas-button[aria-busy="true"]:after, .saas-icon-button[aria-busy="true"]:after, [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .saas-button[aria-busy="true"]:after, .saas-icon-button[aria-busy="true"]:after, [data-ui="minimal-saas"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="minimal-saas"]) .ui-button[aria-busy="true"]:after, :where([data-ui="minimal-saas"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--saas-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/visual/neumorphism.css b/dist/visual/neumorphism.css index 3eadec1..6a8be4e 100644 --- a/dist/visual/neumorphism.css +++ b/dist/visual/neumorphism.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="neumorphism"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2214,7 +2214,7 @@ background-size: var(--neo-theme-bg-size); } - .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link { + .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button { font-family: var(--neo-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface); color: var(--neo-text); border: 1px solid var(--neo-border); @@ -2270,7 +2270,7 @@ position: relative; } - .neo-card, .neo-panel { + .neo-card, .neo-panel, :where([data-ui="neumorphism"]) .ui-card { padding: var(--neo-space-6); } @@ -2307,7 +2307,7 @@ transform: translateY(-2px); } - .neo-button, .neo-icon-button { + .neo-button, .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2331,71 +2331,71 @@ display: inline-flex; } - .neo-button:hover, .neo-icon-button:hover { + .neo-button:hover, .neo-icon-button:hover, :where([data-ui="neumorphism"]) .ui-button:hover, :where([data-ui="neumorphism"]) .ui-icon-button:hover { border-color: var(--neo-primary); transform: translateY(-1px); } - .neo-button:active, .neo-icon-button:active, .neo-button[aria-pressed="true"], .neo-icon-button[aria-pressed="true"], .neo-button.is-active, .neo-icon-button.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button[aria-pressed="true"], .neo-icon-button[aria-pressed="true"], .neo-button.is-active, .neo-icon-button.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .neo-button-primary { + .neo-button-primary, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--neo-primary); color: var(--neo-on-primary); border-color: var(--neo-primary); } - .neo-button-primary:hover { + .neo-button-primary:hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--neo-primary-hover); border-color: var(--neo-primary-hover); } - .neo-button-secondary { + .neo-button-secondary, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--neo-secondary); color: var(--neo-on-secondary); border-color: var(--neo-secondary); } - .neo-button-secondary:hover { + .neo-button-secondary:hover, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--neo-secondary-hover); border-color: var(--neo-secondary-hover); } - .neo-button-danger { + .neo-button-danger, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--neo-danger); color: var(--neo-on-danger); border-color: var(--neo-danger); } - .neo-button-ghost { + .neo-button-ghost, :where([data-ui="neumorphism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--neo-text); box-shadow: none; background: none; } - .neo-icon-button { + .neo-icon-button, :where([data-ui="neumorphism"]) .ui-icon-button { border-radius: var(--neo-radius-pill); width: 2.75rem; padding: 0; } - .neo-button:disabled, .neo-icon-button:disabled, .neo-disabled { + .neo-button:disabled, .neo-icon-button:disabled, .neo-disabled, :where([data-ui="neumorphism"]) .ui-button:disabled, :where([data-ui="neumorphism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .neo-card, .neo-panel { + .neo-card, .neo-panel, :where([data-ui="neumorphism"]) .ui-card { background: var(--neo-card-bg); } - .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button { + .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { background: var(--neo-control-bg); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { font-family: var(--neo-font-control); } @@ -2838,7 +2838,7 @@ background: var(--neo-bg); } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { border-color: rgb(var(--neo-border-rgb)/.14); box-shadow: 10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light); } @@ -2851,11 +2851,11 @@ box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { box-shadow: 5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light); } - .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { box-shadow: inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light); } @@ -2885,12 +2885,12 @@ inline-size: 3rem; } - .neo-button[aria-busy="true"], .neo-icon-button[aria-busy="true"], [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .neo-button[aria-busy="true"], .neo-icon-button[aria-busy="true"], [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="neumorphism"]) .ui-button[aria-busy="true"], :where([data-ui="neumorphism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .neo-button[aria-busy="true"]:after, .neo-icon-button[aria-busy="true"]:after, [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .neo-button[aria-busy="true"]:after, .neo-icon-button[aria-busy="true"]:after, [data-ui="neumorphism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="neumorphism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="neumorphism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--neo-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/visual/retro-glass.css b/dist/visual/retro-glass.css index 7bb6720..bfb15fe 100644 --- a/dist/visual/retro-glass.css +++ b/dist/visual/retro-glass.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="retro-glass"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2233,7 +2233,7 @@ color: var(--rg-on-primary); } - .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link { + .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button { font-family: var(--rg-font-heading); text-transform: uppercase; } @@ -2270,7 +2270,7 @@ color: var(--rg-text-muted); } - .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap { + .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card { background: linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface); color: var(--rg-text); border: 1px solid var(--rg-border); @@ -2284,7 +2284,7 @@ overflow: hidden; } - .rg-card:before, .rg-panel:before, .rg-console:before { + .rg-card:before, .rg-panel:before, .rg-console:before, :where([data-ui="retro-glass"]) .ui-card:before { content: ""; pointer-events: none; background: linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent); @@ -2292,7 +2292,7 @@ inset: 0; } - .rg-card, .rg-panel, .rg-console { + .rg-card, .rg-panel, .rg-console, :where([data-ui="retro-glass"]) .ui-card { padding: var(--rg-space-6); } @@ -2328,7 +2328,7 @@ padding: var(--rg-space-5); } - .rg-button, .rg-icon-button { + .rg-button, .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2352,43 +2352,43 @@ display: inline-flex; } - .rg-button:hover, .rg-icon-button:hover { + .rg-button:hover, .rg-icon-button:hover, :where([data-ui="retro-glass"]) .ui-button:hover, :where([data-ui="retro-glass"]) .ui-icon-button:hover { border-color: rgb(var(--rg-primary-rgb)/.68); box-shadow: var(--rg-shadow-md),0 0 24px var(--rg-glow-primary); transform: translateY(-2px); } - .rg-button:active, .rg-icon-button:active, .rg-button.is-active, .rg-button[aria-pressed="true"] { + .rg-button:active, .rg-icon-button:active, .rg-button.is-active, .rg-button[aria-pressed="true"], :where([data-ui="retro-glass"]) .ui-button:active, :where([data-ui="retro-glass"]) .ui-icon-button:active, :where([data-ui="retro-glass"]) .ui-button.is-active, :where([data-ui="retro-glass"]) .ui-button[aria-pressed="true"] { box-shadow: inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary); transform: translateY(1px); } - .rg-button-primary { + .rg-button-primary, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary); color: var(--rg-on-primary); border-color: rgb(var(--rg-primary-rgb)/.72); } - .rg-button-primary:hover { + .rg-button-primary:hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--rg-primary-hover); } - .rg-button-secondary { + .rg-button-secondary, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary); color: var(--rg-on-secondary); border-color: rgb(var(--rg-secondary-rgb)/.72); } - .rg-button-secondary:hover { + .rg-button-secondary:hover, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--rg-secondary-hover); } - .rg-button-danger { + .rg-button-danger, :where([data-ui="retro-glass"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--rg-danger); color: var(--rg-on-danger); } - .rg-icon-button { + .rg-icon-button, :where([data-ui="retro-glass"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -2662,15 +2662,15 @@ } } - .rg-card, .rg-panel { + .rg-card, .rg-panel, :where([data-ui="retro-glass"]) .ui-card { background: var(--rg-card-bg); } - .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button { + .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { background: var(--rg-control-bg); } - .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link { + .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { font-family: var(--rg-font-control); } @@ -2701,12 +2701,12 @@ inline-size: 3rem; } - .rg-button[aria-busy="true"], .rg-icon-button[aria-busy="true"], [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .rg-button[aria-busy="true"], .rg-icon-button[aria-busy="true"], [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"], :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .rg-button[aria-busy="true"]:after, .rg-icon-button[aria-busy="true"]:after, [data-ui="retro-glass"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="retro-glass"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retro-glass"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--rg-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/visual/retrofuturism.css b/dist/visual/retrofuturism.css index 95c7cc6..b663d86 100644 --- a/dist/visual/retrofuturism.css +++ b/dist/visual/retrofuturism.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="retrofuturism"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2214,7 +2214,7 @@ background-size: var(--retro-theme-bg-size); } - .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link { + .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button { font-family: var(--retro-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { background: linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface); color: var(--retro-text); border: 1px solid var(--retro-border); @@ -2270,7 +2270,7 @@ position: relative; } - .retro-card, .retro-panel { + .retro-card, .retro-panel, :where([data-ui="retrofuturism"]) .ui-card { padding: var(--retro-space-6); } @@ -2307,7 +2307,7 @@ transform: translateY(-3px) scale(1.005); } - .retro-button, .retro-icon-button { + .retro-button, .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2331,71 +2331,71 @@ display: inline-flex; } - .retro-button:hover, .retro-icon-button:hover { + .retro-button:hover, .retro-icon-button:hover, :where([data-ui="retrofuturism"]) .ui-button:hover, :where([data-ui="retrofuturism"]) .ui-icon-button:hover { border-color: var(--retro-primary); transform: translateY(-1px); } - .retro-button:active, .retro-icon-button:active, .retro-button[aria-pressed="true"], .retro-icon-button[aria-pressed="true"], .retro-button.is-active, .retro-icon-button.is-active { + .retro-button:active, .retro-icon-button:active, .retro-button[aria-pressed="true"], .retro-icon-button[aria-pressed="true"], .retro-button.is-active, .retro-icon-button.is-active, :where([data-ui="retrofuturism"]) .ui-button:active, :where([data-ui="retrofuturism"]) .ui-icon-button:active, :where([data-ui="retrofuturism"]) .ui-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="retrofuturism"]) .ui-button.is-active, :where([data-ui="retrofuturism"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .retro-button-primary { + .retro-button-primary, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--retro-primary); color: var(--retro-on-primary); border-color: var(--retro-primary); } - .retro-button-primary:hover { + .retro-button-primary:hover, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--retro-primary-hover); border-color: var(--retro-primary-hover); } - .retro-button-secondary { + .retro-button-secondary, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--retro-secondary); color: var(--retro-on-secondary); border-color: var(--retro-secondary); } - .retro-button-secondary:hover { + .retro-button-secondary:hover, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--retro-secondary-hover); border-color: var(--retro-secondary-hover); } - .retro-button-danger { + .retro-button-danger, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--retro-danger); color: var(--retro-on-danger); border-color: var(--retro-danger); } - .retro-button-ghost { + .retro-button-ghost, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--retro-text); box-shadow: none; background: none; } - .retro-icon-button { + .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-icon-button { border-radius: var(--retro-radius-pill); width: 2.75rem; padding: 0; } - .retro-button:disabled, .retro-icon-button:disabled, .retro-disabled { + .retro-button:disabled, .retro-icon-button:disabled, .retro-disabled, :where([data-ui="retrofuturism"]) .ui-button:disabled, :where([data-ui="retrofuturism"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .retro-card, .retro-panel { + .retro-card, .retro-panel, :where([data-ui="retrofuturism"]) .ui-card { background: var(--retro-card-bg); } - .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button { + .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { background: var(--retro-control-bg); } - .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link { + .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { font-family: var(--retro-font-control); } @@ -2837,12 +2837,12 @@ text-shadow: 0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16); } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { background: linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface); box-shadow: 0 18px 48px rgb(0 0 0 / var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14); } - .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active { + .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { box-shadow: 0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22); } @@ -2872,12 +2872,12 @@ inline-size: 3rem; } - .retro-button[aria-busy="true"], .retro-icon-button[aria-busy="true"], [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .retro-button[aria-busy="true"], .retro-icon-button[aria-busy="true"], [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"], :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .retro-button[aria-busy="true"]:after, .retro-icon-button[aria-busy="true"]:after, [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .retro-button[aria-busy="true"]:after, .retro-icon-button[aria-busy="true"]:after, [data-ui="retrofuturism"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="retrofuturism"]) .ui-button[aria-busy="true"]:after, :where([data-ui="retrofuturism"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--retro-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/visual/tactile.css b/dist/visual/tactile.css index 1b9d7b2..f6968e4 100644 --- a/dist/visual/tactile.css +++ b/dist/visual/tactile.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="tactile"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2214,7 +2214,7 @@ background-size: var(--tactile-theme-bg-size); } - .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link { + .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button { font-family: var(--tactile-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap { + .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface); color: var(--tactile-text); border: 1px solid var(--tactile-border); @@ -2270,7 +2270,7 @@ position: relative; } - .tactile-card, .tactile-panel { + .tactile-card, .tactile-panel, :where([data-ui="tactile"]) .ui-card { padding: var(--tactile-space-6); } @@ -2307,7 +2307,7 @@ transform: translateY(-2px); } - .tactile-button, .tactile-icon-button { + .tactile-button, .tactile-icon-button, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2331,71 +2331,71 @@ display: inline-flex; } - .tactile-button:hover, .tactile-icon-button:hover { + .tactile-button:hover, .tactile-icon-button:hover, :where([data-ui="tactile"]) .ui-button:hover, :where([data-ui="tactile"]) .ui-icon-button:hover { border-color: var(--tactile-primary); transform: translateY(-1px); } - .tactile-button:active, .tactile-icon-button:active, .tactile-button[aria-pressed="true"], .tactile-icon-button[aria-pressed="true"], .tactile-button.is-active, .tactile-icon-button.is-active { + .tactile-button:active, .tactile-icon-button:active, .tactile-button[aria-pressed="true"], .tactile-icon-button[aria-pressed="true"], .tactile-button.is-active, .tactile-icon-button.is-active, :where([data-ui="tactile"]) .ui-button:active, :where([data-ui="tactile"]) .ui-icon-button:active, :where([data-ui="tactile"]) .ui-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-pressed="true"], :where([data-ui="tactile"]) .ui-button.is-active, :where([data-ui="tactile"]) .ui-icon-button.is-active { transform: translateY(1px); box-shadow: inset 0 3px 10px #0000002e; } - .tactile-button-primary { + .tactile-button-primary, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]) { background: var(--tactile-primary); color: var(--tactile-on-primary); border-color: var(--tactile-primary); } - .tactile-button-primary:hover { + .tactile-button-primary:hover, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="primary"]):hover { background: var(--tactile-primary-hover); border-color: var(--tactile-primary-hover); } - .tactile-button-secondary { + .tactile-button-secondary, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]) { background: var(--tactile-secondary); color: var(--tactile-on-secondary); border-color: var(--tactile-secondary); } - .tactile-button-secondary:hover { + .tactile-button-secondary:hover, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--tactile-secondary-hover); border-color: var(--tactile-secondary-hover); } - .tactile-button-danger { + .tactile-button-danger, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--tactile-danger); color: var(--tactile-on-danger); border-color: var(--tactile-danger); } - .tactile-button-ghost { + .tactile-button-ghost, :where([data-ui="tactile"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--tactile-text); box-shadow: none; background: none; } - .tactile-icon-button { + .tactile-icon-button, :where([data-ui="tactile"]) .ui-icon-button { border-radius: var(--tactile-radius-pill); width: 2.75rem; padding: 0; } - .tactile-button:disabled, .tactile-icon-button:disabled, .tactile-disabled { + .tactile-button:disabled, .tactile-icon-button:disabled, .tactile-disabled, :where([data-ui="tactile"]) .ui-button:disabled, :where([data-ui="tactile"]) .ui-icon-button:disabled { opacity: .55; cursor: not-allowed; transform: none; } - .tactile-card, .tactile-panel { + .tactile-card, .tactile-panel, :where([data-ui="tactile"]) .ui-card { background: var(--tactile-card-bg); } - .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button { + .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { background: var(--tactile-control-bg); } - .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link { + .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { font-family: var(--tactile-font-control); } @@ -2866,12 +2866,12 @@ inline-size: 3rem; } - .tactile-button[aria-busy="true"], .tactile-icon-button[aria-busy="true"], [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .tactile-button[aria-busy="true"], .tactile-icon-button[aria-busy="true"], [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="tactile"]) .ui-button[aria-busy="true"], :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .tactile-button[aria-busy="true"]:after, .tactile-icon-button[aria-busy="true"]:after, [data-ui="tactile"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="tactile"]) .ui-button[aria-busy="true"]:after, :where([data-ui="tactile"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--tactile-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/dist/visual/y2k.css b/dist/visual/y2k.css index f952fb4..b848e2f 100644 --- a/dist/visual/y2k.css +++ b/dist/visual/y2k.css @@ -1627,7 +1627,7 @@ .rg-button, .rg-icon-button, .rg-button-pill -) { +), :where([data-ui="y2k"]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill) { box-sizing: border-box; display: inline-flex; align-items: center; @@ -1951,7 +1951,7 @@ .saas-divider, .bento-divider, .max-divider, .bau-divider, .tactile-divider, .neo-divider, .retro-divider, .brutal-divider, .cyber-divider, .y2k-divider, .rg-divider { inline-size: 100%; block-size: 1px; border: 0; background: var(--usk-native-border); } .saas-disabled, .bento-disabled, .max-disabled, .bau-disabled, .tactile-disabled, .neo-disabled, .retro-disabled, .brutal-disabled, .cyber-disabled, .y2k-disabled, .rg-disabled { opacity: .55; cursor: not-allowed; pointer-events: none; } -.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost { +.saas-button-ghost, .bento-button-ghost, .max-button-ghost, .bau-button-ghost, .tactile-button-ghost, .neo-button-ghost, .retro-button-ghost, .brutal-button-ghost, .cyber-button-ghost, .y2k-button-ghost, .rg-button-ghost, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="ghost"]) { color: var(--usk-native-primary); background: transparent; border-color: var(--usk-native-border); @@ -2233,7 +2233,7 @@ color: var(--y2k-on-primary); } - .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link { + .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button { font-family: var(--y2k-font-heading); } @@ -2271,7 +2271,7 @@ color: var(--y2k-text-muted); } - .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap { + .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card { background: linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface); color: var(--y2k-text); border: 1px solid #ffffff61; @@ -2284,7 +2284,7 @@ overflow: hidden; } - .y2k-card:before, .y2k-panel:before, .y2k-bubble:before { + .y2k-card:before, .y2k-panel:before, .y2k-bubble:before, :where([data-ui="y2k"]) .ui-card:before { content: ""; pointer-events: none; background: radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12)); @@ -2292,7 +2292,7 @@ inset: 0; } - .y2k-card, .y2k-panel, .y2k-bubble { + .y2k-card, .y2k-panel, .y2k-bubble, :where([data-ui="y2k"]) .ui-card { padding: var(--y2k-space-6); } @@ -2322,7 +2322,7 @@ padding: var(--y2k-space-5); } - .y2k-button, .y2k-icon-button { + .y2k-button, .y2k-icon-button, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { appearance: none; justify-content: center; align-items: center; @@ -2344,40 +2344,40 @@ display: inline-flex; } - .y2k-button:hover, .y2k-icon-button:hover { + .y2k-button:hover, .y2k-icon-button:hover, :where([data-ui="y2k"]) .ui-button:hover, :where([data-ui="y2k"]) .ui-icon-button:hover { box-shadow: var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent); transform: translateY(-2px); } - .y2k-button:active, .y2k-icon-button:active, .y2k-button.is-active, .y2k-button[aria-pressed="true"] { + .y2k-button:active, .y2k-icon-button:active, .y2k-button.is-active, .y2k-button[aria-pressed="true"], :where([data-ui="y2k"]) .ui-button:active, :where([data-ui="y2k"]) .ui-icon-button:active, :where([data-ui="y2k"]) .ui-button.is-active, :where([data-ui="y2k"]) .ui-button[aria-pressed="true"] { transform: translateY(1px) scale(.99); box-shadow: inset 0 8px 16px #00000024; } - .y2k-button-primary { + .y2k-button-primary, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]) { background: linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary); color: var(--y2k-on-primary); } - .y2k-button-primary:hover { + .y2k-button-primary:hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="primary"]):hover { background: linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover); } - .y2k-button-secondary { + .y2k-button-secondary, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]) { background: linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary); color: var(--y2k-on-secondary); } - .y2k-button-secondary:hover { + .y2k-button-secondary:hover, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="secondary"]):hover { background: var(--y2k-secondary-hover); } - .y2k-button-danger { + .y2k-button-danger, :where([data-ui="y2k"]) .ui-button:where([data-ui-variant="danger"]) { background: var(--y2k-danger); color: var(--y2k-on-danger); } - .y2k-icon-button { + .y2k-icon-button, :where([data-ui="y2k"]) .ui-icon-button { width: 2.85rem; padding: 0; } @@ -2624,15 +2624,15 @@ } } - .y2k-card, .y2k-panel { + .y2k-card, .y2k-panel, :where([data-ui="y2k"]) .ui-card { background: var(--y2k-card-bg); } - .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button { + .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { background: var(--y2k-control-bg); } - .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link { + .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { font-family: var(--y2k-font-control); } @@ -2662,12 +2662,12 @@ inline-size: 3rem; } - .y2k-button[aria-busy="true"], .y2k-icon-button[aria-busy="true"], [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]) { + .y2k-button[aria-busy="true"], .y2k-icon-button[aria-busy="true"], [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]), :where([data-ui="y2k"]) .ui-button[aria-busy="true"], :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"] { cursor: progress; gap: .55rem; } - .y2k-button[aria-busy="true"]:after, .y2k-icon-button[aria-busy="true"]:after, [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after { + .y2k-button[aria-busy="true"]:after, .y2k-icon-button[aria-busy="true"]:after, [data-ui="y2k"] :where(button[aria-busy="true"], input[type="button"][aria-busy="true"], input[type="submit"][aria-busy="true"], input[type="reset"][aria-busy="true"]):after, :where([data-ui="y2k"]) .ui-button[aria-busy="true"]:after, :where([data-ui="y2k"]) .ui-icon-button[aria-busy="true"]:after { content: ""; border: .16em solid rgb(var(--y2k-primary-text-rgb)/.42); border-block-start-color: currentColor; diff --git a/manifest.json b/manifest.json index 323996c..67b23bc 100644 --- a/manifest.json +++ b/manifest.json @@ -322,13 +322,18 @@ ".ui-tooltip" ] }, + "implemented": { + "status": "implemented", + "selectors": [ + ".ui-button", + ".ui-icon-button", + ".ui-card" + ] + }, "pending": { "status": "pending", "targetTask": 11, "selectors": [ - ".ui-button", - ".ui-icon-button", - ".ui-card", ".ui-field", ".ui-label", ".ui-help-text", diff --git a/scripts/build.mjs b/scripts/build.mjs index 0bd4205..4250d20 100644 --- a/scripts/build.mjs +++ b/scripts/build.mjs @@ -18,6 +18,17 @@ const presetFiles = publicManifest.presets.map(({ id, prefix }) => ({ file: `styles/${id}.css` })); const stylePrefixes = new Map(presetFiles.map(({ file, id, prefix }) => [file, [id, prefix]])); +const semanticEntries = Object.values(publicManifest.semanticComponentApi.selectorsByRole).flat(); +const implementedSemanticSelectors = new Set( + publicManifest.semanticComponentApi.implementationStatus.implemented?.selectors ?? [] +); +const semanticAliases = semanticEntries + .filter(({ selector }) => implementedSemanticSelectors.has(selector)) + .map(({ selector, sourceSuffix }) => ({ + selector, + sourceSuffix, + variants: publicManifest.semanticComponentApi.variantAttribute.valuesBySelector[selector] ?? [] + })); const colorRoles = [ 'bg', 'surface', @@ -95,6 +106,79 @@ function formatGeneratedCss(css, filename) { return result.code.toString().trim(); } +function escapeRegularExpression(value) { + return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); +} + +function aliasSemanticSelector(selector) { + let aliased = selector; + + for (const preset of presetFiles) { + for (const semanticAlias of semanticAliases) { + for (const variant of semanticAlias.variants) { + const sourceClass = `${preset.prefix}-${semanticAlias.sourceSuffix}-${variant}`; + const semanticClass = `${semanticAlias.selector}:where([data-ui-variant="${variant}"])`; + aliased = aliased.replace( + new RegExp(`\\.${escapeRegularExpression(sourceClass)}(?![a-zA-Z0-9_-])`, 'g'), + semanticClass + ); + } + + const sourceClass = `${preset.prefix}-${semanticAlias.sourceSuffix}`; + aliased = aliased.replace( + new RegExp(`\\.${escapeRegularExpression(sourceClass)}(?![a-zA-Z0-9_-])`, 'g'), + semanticAlias.selector + ); + } + } + + return aliased === selector ? null : aliased; +} + +function addSemanticAliases(css, filename, selectedPresets) { + if (semanticAliases.length === 0) return css; + + const ast = parse(css, { filename, positions: true }); + const selectedRoot = `:where(${selectedPresets + .map(({ id }) => `[data-ui="${id}"]`) + .join(', ')})`; + const selectorEdits = []; + + walk(ast, { + visit: 'Rule', + enter(rule) { + const originalSelectorList = generate(rule.prelude); + const aliases = rule.prelude.children.toArray() + .map((selector) => aliasSemanticSelector(generate(selector))) + .filter(Boolean) + .map((selector) => { + // Preset-authored selectors sometimes carry their own exact root already. + const hasSelectedRoot = selectedPresets.some(({ id }) => + selector.includes(`[data-ui="${id}"]`) + ); + return hasSelectedRoot ? selector : `${selectedRoot} ${selector}`; + }); + + if (aliases.length === 0) return; + selectorEdits.push({ + start: rule.prelude.loc.start.offset, + end: rule.prelude.loc.end.offset, + value: `${css.slice(rule.prelude.loc.start.offset, rule.prelude.loc.end.offset)}, ${[ + ...new Set(aliases) + ].join(', ')}` + }); + } + }); + + // Selector-only edits keep every authored declaration byte-for-byte single-sourced. + return selectorEdits + .sort((first, second) => second.start - first.start) + .reduce( + (output, edit) => `${output.slice(0, edit.start)}${edit.value}${output.slice(edit.end)}`, + css + ); +} + function sharedColorAliases(prefix) { const aliases = colorRoles.map((role) => ` --${prefix}-${role}-rgb: var(--usk-${role}-rgb);`); return [ @@ -277,10 +361,17 @@ function syncDemoManifest() { function visualSections(selectedPresets = presetFiles) { return [ - ...foundationFiles.map((file) => ({ label: file, css: sourceSection(file) })), + ...foundationFiles.map((file) => ({ + label: file, + css: addSemanticAliases(sourceSection(file), file, selectedPresets) + })), ...selectedPresets.map(({ file, id, prefix }) => ({ label: `${file} (visual paint)`, - css: preparedPresetCss(file, id, prefix, 'visual') + css: addSemanticAliases( + preparedPresetCss(file, id, prefix, 'visual'), + file, + [{ id, prefix }] + ) })) ]; } diff --git a/tests/e2e/semantic-runtime.spec.js b/tests/e2e/semantic-runtime.spec.js new file mode 100644 index 0000000..4b2e92a --- /dev/null +++ b/tests/e2e/semantic-runtime.spec.js @@ -0,0 +1,200 @@ +import AxeBuilder from '@axe-core/playwright'; +import { expect, test } from '@playwright/test'; +import fs from 'node:fs'; +import path from 'node:path'; +import { fileURLToPath } from 'node:url'; + +const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..', '..'); +const manifest = JSON.parse(fs.readFileSync(path.join(rootDir, 'manifest.json'), 'utf8')); +const visualBundlePath = path.join(rootDir, 'dist', 'ui-style-kit.visual.css'); +const buttonVariants = [null, 'primary', 'secondary', 'danger', 'ghost']; + +const buttonProperties = [ + 'alignItems', + 'backgroundColor', + 'backgroundImage', + 'borderBottomColor', + 'borderBottomStyle', + 'borderBottomWidth', + 'borderRadius', + 'boxShadow', + 'color', + 'cursor', + 'display', + 'fontFamily', + 'fontWeight', + 'justifyContent', + 'minHeight', + 'opacity', + 'paddingBottom', + 'paddingLeft', + 'paddingRight', + 'paddingTop' +]; +const cardProperties = [ + 'backgroundColor', + 'backgroundImage', + 'borderBottomColor', + 'borderBottomStyle', + 'borderBottomWidth', + 'borderRadius', + 'boxShadow', + 'color', + 'paddingBottom', + 'paddingLeft', + 'paddingRight', + 'paddingTop' +]; + +function buttonMarkup(prefix, variant, kind) { + const variantAttribute = variant ? ` data-ui-variant="${variant}"` : ''; + const prefixedVariant = variant ? ` ${prefix}-button-${variant}` : ''; + const disabled = kind === 'disabled' ? ' disabled' : ''; + + return ` + + `; +} + +function groupOneFixture(preset) { + const variantMarkup = buttonVariants.map((variant) => { + const kind = variant ?? 'neutral'; + return buttonMarkup(preset.prefix, variant, kind); + }).join(''); + + return ` + + + + + +
+ ${variantMarkup} + ${buttonMarkup(preset.prefix, null, 'disabled')} + + +
Semantic card
+
Prefixed card
+
+ + `; +} + +async function computedSnapshot(page, selector, properties) { + return page.locator(selector).evaluate((element, propertyNames) => { + const styles = getComputedStyle(element); + return Object.fromEntries(propertyNames.map((property) => [property, styles[property]])); + }, properties); +} + +test('semantic buttons and cards match prefixed twins across every preset', async ({ page }) => { + for (const preset of manifest.presets) { + await page.setContent(groupOneFixture(preset)); + await page.addStyleTag({ path: visualBundlePath }); + + for (const variant of buttonVariants) { + const kind = variant ?? 'neutral'; + const semantic = await computedSnapshot(page, `#semantic-${kind}`, buttonProperties); + const prefixed = await computedSnapshot(page, `#prefixed-${kind}`, buttonProperties); + expect(semantic, `${preset.id} ${kind} button`).toEqual(prefixed); + } + + expect( + await computedSnapshot(page, '#semantic-disabled', buttonProperties), + `${preset.id} disabled button` + ).toEqual(await computedSnapshot(page, '#prefixed-disabled', buttonProperties)); + expect( + await computedSnapshot(page, '#semantic-icon', buttonProperties), + `${preset.id} icon button` + ).toEqual(await computedSnapshot(page, '#prefixed-icon', buttonProperties)); + expect( + await computedSnapshot(page, '#semantic-card', cardProperties), + `${preset.id} card` + ).toEqual(await computedSnapshot(page, '#prefixed-card', cardProperties)); + + await expect(page.locator('#semantic-neutral')).toHaveRole('button'); + await expect(page.locator('#semantic-disabled')).toBeDisabled(); + const neutralOpacity = Number.parseFloat((await computedSnapshot( + page, + '#semantic-neutral', + ['opacity'] + )).opacity); + const disabledOpacity = Number.parseFloat((await computedSnapshot( + page, + '#semantic-disabled', + ['opacity'] + )).opacity); + expect(disabledOpacity, `${preset.id} disabled opacity`).toBeLessThan(neutralOpacity); + } +}); + +test('changing only data-ui restyles stable semantic button and card nodes', async ({ page }) => { + await page.setContent(groupOneFixture(manifest.presets[0])); + await page.addStyleTag({ path: visualBundlePath }); + + const initialIdentity = await page.evaluate(() => { + const button = document.querySelector('#semantic-primary'); + const card = document.querySelector('#semantic-card'); + button.dataset.identity = 'stable-button'; + card.dataset.identity = 'stable-card'; + return { buttonClass: button.className, cardClass: card.className }; + }); + const fingerprints = []; + + for (const preset of manifest.presets) { + await page.evaluate(({ id, prefix }) => { + document.body.dataset.ui = id; + document.querySelector('#prefixed-primary').className = `${prefix}-button ${prefix}-button-primary`; + document.querySelector('#prefixed-card').className = `${prefix}-card`; + }, preset); + + const semanticButton = await computedSnapshot(page, '#semantic-primary', buttonProperties); + const prefixedButton = await computedSnapshot(page, '#prefixed-primary', buttonProperties); + const semanticCard = await computedSnapshot(page, '#semantic-card', cardProperties); + const prefixedCard = await computedSnapshot(page, '#prefixed-card', cardProperties); + expect(semanticButton, `${preset.id} stable primary button`).toEqual(prefixedButton); + expect(semanticCard, `${preset.id} stable card`).toEqual(prefixedCard); + fingerprints.push(JSON.stringify({ semanticButton, semanticCard })); + + const identity = await page.evaluate(() => ({ + buttonClass: document.querySelector('[data-identity="stable-button"]').className, + cardClass: document.querySelector('[data-identity="stable-card"]').className + })); + expect(identity).toEqual(initialIdentity); + } + + expect(new Set(fingerprints).size, 'preset switching must visibly restyle semantic nodes').toBeGreaterThan(1); +}); + +test('semantic buttons retain keyboard focus and forced-colors behavior', async ({ page, browserName }) => { + test.skip(browserName !== 'chromium', 'Chromium provides the forced-colors emulation used by this contract.'); + + for (const preset of manifest.presets) { + await page.emulateMedia({ forcedColors: 'active' }); + await page.setContent(groupOneFixture(preset)); + await page.addStyleTag({ path: visualBundlePath }); + await page.locator('body').press('Tab'); + await expect(page.locator('#semantic-neutral')).toBeFocused(); + + const focusStyles = await computedSnapshot(page, '#semantic-neutral', [ + 'boxShadow', + 'forcedColorAdjust', + 'outlineColor', + 'outlineStyle', + 'outlineWidth' + ]); + expect(focusStyles.forcedColorAdjust, `${preset.id} forced-color adjustment`).toBe('auto'); + expect(focusStyles.outlineStyle, `${preset.id} focus outline`).not.toBe('none'); + expect(Number.parseFloat(focusStyles.outlineWidth), `${preset.id} focus width`).toBeGreaterThanOrEqual(2); + + // Axe evaluates authored colors accurately after leaving the emulated system-color palette. + await page.emulateMedia({ forcedColors: 'none' }); + const results = await new AxeBuilder({ page }) + .include('main') + .withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'wcag22aa']) + // The repository contrast gate owns preset palette ratios; this scan targets native semantics. + .disableRules(['color-contrast']) + .analyze(); + expect(results.violations, `${preset.id} semantic group one axe scan`).toEqual([]); + } +}); diff --git a/tests/semantic-component-contract.test.js b/tests/semantic-component-contract.test.js index ab5a355..47767c6 100644 --- a/tests/semantic-component-contract.test.js +++ b/tests/semantic-component-contract.test.js @@ -3,7 +3,7 @@ import fs from 'node:fs'; import path from 'node:path'; import test from 'node:test'; import { fileURLToPath } from 'node:url'; -import { parse, walk } from 'css-tree'; +import { generate, parse, walk } from 'css-tree'; import { semanticComponentMarkup, @@ -14,10 +14,8 @@ const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..') const manifest = JSON.parse(fs.readFileSync(path.join(rootDir, 'manifest.json'), 'utf8')); const expectedRetainedSelectors = ['.ui-spinner', '.ui-tooltip']; +const expectedImplementedSelectors = ['.ui-button', '.ui-icon-button', '.ui-card']; const expectedPendingSelectors = [ - '.ui-button', - '.ui-icon-button', - '.ui-card', '.ui-field', '.ui-label', '.ui-help-text', @@ -124,6 +122,10 @@ const expectedSemanticComponentApi = { status: 'implemented', selectors: expectedRetainedSelectors }, + implemented: { + status: 'implemented', + selectors: expectedImplementedSelectors + }, pending: { status: 'pending', targetTask: 11, @@ -201,6 +203,24 @@ function selectorFacts(relativeFile) { return facts; } +function selectorTexts(relativeFile) { + const css = fs.readFileSync(path.join(rootDir, relativeFile), 'utf8'); + const selectors = []; + + walk(parse(css, { filename: relativeFile }), { + visit: 'Rule', + enter(rule) { + selectors.push(generate(rule.prelude)); + } + }); + + return selectors; +} + +function selectorHasAttributeValue(selector, name, value) { + return new RegExp(`\\[${name}=(?:"${value}"|${value})\\]`).test(selector); +} + function ruleHasAttribute(rule, name, value = null) { return rule.attributes.some((attribute) => attribute.name === name && attribute.value === value @@ -218,19 +238,22 @@ test('manifest specifies the exact generic semantic component API', () => { assert.equal(entries.every(({ selector }) => /^\.ui-[a-z]+(?:-[a-z]+)*$/.test(selector)), true); }); -test('manifest distinguishes retained generic hooks from Task 11 selectors', () => { +test('manifest partitions retained, implemented, and pending Task 11 selectors', () => { const implementationStatus = manifest.semanticComponentApi.implementationStatus; const declaredSelectors = semanticEntries().map(({ selector }) => selector); assert.deepEqual(implementationStatus, expectedSemanticComponentApi.implementationStatus); assert.deepEqual(implementationStatus.retained.selectors, expectedRetainedSelectors); + assert.deepEqual(implementationStatus.implemented.selectors, expectedImplementedSelectors); assert.deepEqual(implementationStatus.pending.selectors, expectedPendingSelectors); assert.equal(implementationStatus.pending.targetTask, 11); assert.equal(implementationStatus.retained.selectors.length, 2); - assert.equal(implementationStatus.pending.selectors.length, 27); + assert.equal(implementationStatus.implemented.selectors.length, 3); + assert.equal(implementationStatus.pending.selectors.length, 24); assert.deepEqual( new Set([ ...implementationStatus.retained.selectors, + ...implementationStatus.implemented.selectors, ...implementationStatus.pending.selectors ]), new Set(declaredSelectors) @@ -282,6 +305,53 @@ test('authored CSS retains only the two implemented semantic hooks and all legac assert.deepEqual(authoredSemanticClasses, new Set(expectedRetainedSelectors)); }); +test('generated entrypoints scope implemented aliases while raw preset exports stay advanced', () => { + const aggregateEntrypoints = [ + 'dist/ui-style-kit.css', + 'dist/ui-style-kit.min.css', + 'dist/ui-style-kit.visual.css', + 'dist/ui-style-kit.visual.min.css', + 'dist/ui-style-kit.with-bridge.css', + 'dist/ui-style-kit.with-bridge.min.css' + ]; + + for (const relativeFile of aggregateEntrypoints) { + const selectors = selectorTexts(relativeFile); + for (const selector of expectedImplementedSelectors) { + const owningRules = selectors.filter((candidate) => candidate.includes(selector)); + assert.ok(owningRules.length > 0, `${relativeFile} must implement ${selector}`); + assert.equal( + owningRules.every((candidate) => candidate.includes(':where([data-ui=')), + true, + `${relativeFile} must scope ${selector} beneath a specificity-safe preset root` + ); + } + for (const variant of expectedSemanticComponentApi.variantAttribute.valuesBySelector['.ui-button']) { + assert.equal( + selectors.some((selector) => + selector.includes('.ui-button') && selectorHasAttributeValue(selector, 'data-ui-variant', variant) + ), + true, + `${relativeFile} must implement the ${variant} button variant` + ); + } + } + + for (const preset of manifest.presets) { + const relativeFile = `dist/visual/${preset.id}.css`; + const selectors = selectorTexts(relativeFile); + for (const selector of expectedImplementedSelectors) { + const owningRules = selectors.filter((candidate) => candidate.includes(selector)); + assert.ok(owningRules.length > 0, `${relativeFile} must implement ${selector}`); + assert.equal( + owningRules.every((candidate) => selectorHasAttributeValue(candidate, 'data-ui', preset.id)), + true, + `${relativeFile} must scope ${selector} to its focused preset` + ); + } + } +}); + test('semantic source suffixes and contextual variants exist in every composed preset API', () => { const currentSuffixes = new Set(manifest.classApi.universalVisualSuffixes); const requiredSuffixes = semanticRequiredSuffixes(); From 9436b4b44b976d9948c7579101237242d6860f81 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sun, 9 Aug 2026 00:16:56 -0500 Subject: [PATCH 30/42] feat: add semantic form controls --- README.md | 6 +- dist/ui-style-kit.css | 372 +++++++++++----------- dist/ui-style-kit.min.css | 2 +- dist/ui-style-kit.visual.css | 372 +++++++++++----------- dist/ui-style-kit.visual.min.css | 2 +- dist/ui-style-kit.with-bridge.css | 372 +++++++++++----------- dist/ui-style-kit.with-bridge.min.css | 2 +- dist/visual/bauhaus.css | 56 ++-- dist/visual/bento.css | 56 ++-- dist/visual/brutalism.css | 24 +- dist/visual/cyberpunk.css | 26 +- dist/visual/maximalist.css | 56 ++-- dist/visual/minimal-saas.css | 56 ++-- dist/visual/neumorphism.css | 58 ++-- dist/visual/retro-glass.css | 24 +- dist/visual/retrofuturism.css | 56 ++-- dist/visual/tactile.css | 56 ++-- dist/visual/y2k.css | 24 +- manifest.json | 16 +- tests/e2e/semantic-runtime.spec.js | 226 +++++++++++++ tests/semantic-component-contract.test.js | 14 +- 21 files changed, 1053 insertions(+), 823 deletions(-) diff --git a/README.md b/README.md index cf2d4d5..b8713b4 100644 --- a/README.md +++ b/README.md @@ -145,9 +145,9 @@ When the bridge is attached, add `.interactive-surface` to interactable elements | Import | Raw | Gzip | Best for | |---|---:|---:|---| -| `ui-style-kit-css/dist/ui-style-kit.min.css` | ~319 KB | ~41 KB | Compatible runtime UI-system switchers and demos | -| `ui-style-kit-css/visual.min.css` | ~311 KB | ~40 KB | Runtime visual switching with consumer-owned layout | -| `ui-style-kit-css/with-bridge.css` | ~391 KB | ~46 KB | Deprecated runtime switcher plus stateful bridge | +| `ui-style-kit-css/dist/ui-style-kit.min.css` | ~334 KB | ~42 KB | Compatible runtime UI-system switchers and demos | +| `ui-style-kit-css/visual.min.css` | ~326 KB | ~41 KB | Runtime visual switching with consumer-owned layout | +| `ui-style-kit-css/with-bridge.css` | ~407 KB | ~47 KB | Deprecated runtime switcher plus stateful bridge | | `ui-style-kit-css/theme-colors.css` | ~25 KB | ~3 KB | Shared color schemes for standalone style imports | | `ui-style-kit-css/native-elements.css` | ~21 KB | ~3 KB | Shared native HTML fallback styling | | `ui-style-kit-css/content-overflow.css` | ~7 KB | ~1 KB | Shared long-text containment for standalone style imports | diff --git a/dist/ui-style-kit.css b/dist/ui-style-kit.css index 6938378..5c0ab9d 100644 --- a/dist/ui-style-kit.css +++ b/dist/ui-style-kit.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-check, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-radio, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-check-control, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2399,19 +2399,19 @@ font-family: var(--saas-font-control); } - .saas-field { + .saas-field, :where([data-ui="minimal-saas"]) .ui-field { gap: var(--saas-space-2); flex-direction: column; display: flex; } - .saas-label { + .saas-label, :where([data-ui="minimal-saas"]) .ui-label { color: var(--saas-text); font-size: .925rem; font-weight: 800; } - .saas-input, .saas-textarea, .saas-select { + .saas-input, .saas-textarea, .saas-select, :where([data-ui="minimal-saas"]) .ui-input, :where([data-ui="minimal-saas"]) .ui-textarea, :where([data-ui="minimal-saas"]) .ui-select { background: var(--saas-surface-soft); width: 100%; min-height: 2.875rem; @@ -2424,32 +2424,32 @@ padding: .75rem 1rem; } - .saas-textarea { + .saas-textarea, :where([data-ui="minimal-saas"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .saas-input::placeholder, .saas-textarea::placeholder { + .saas-input::placeholder, .saas-textarea::placeholder, :where([data-ui="minimal-saas"]) .ui-input::placeholder, :where([data-ui="minimal-saas"]) .ui-textarea::placeholder { color: var(--saas-text-muted); opacity: .82; } - .saas-input:hover, .saas-textarea:hover, .saas-select:hover { + .saas-input:hover, .saas-textarea:hover, .saas-select:hover, :where([data-ui="minimal-saas"]) .ui-input:hover, :where([data-ui="minimal-saas"]) .ui-textarea:hover, :where([data-ui="minimal-saas"]) .ui-select:hover { border-color: rgb(var(--saas-primary-rgb)/.58); } - .saas-input:focus, .saas-textarea:focus, .saas-select:focus { + .saas-input:focus, .saas-textarea:focus, .saas-select:focus, :where([data-ui="minimal-saas"]) .ui-input:focus, :where([data-ui="minimal-saas"]) .ui-textarea:focus, :where([data-ui="minimal-saas"]) .ui-select:focus { border-color: var(--saas-focus); box-shadow: var(--saas-focus-ring); } - .saas-help-text { + .saas-help-text, :where([data-ui="minimal-saas"]) .ui-help-text { color: var(--saas-text-muted); font-size: .875rem; line-height: 1.45; } - .saas-check, .saas-radio { + .saas-check, .saas-radio, :where([data-ui="minimal-saas"]) .ui-check, :where([data-ui="minimal-saas"]) .ui-radio { align-items: center; gap: var(--saas-space-2); color: var(--saas-text); @@ -2457,13 +2457,13 @@ display: inline-flex; } - .saas-check input, .saas-radio input { + .saas-check input, .saas-radio input, :where([data-ui="minimal-saas"]) .ui-check input, :where([data-ui="minimal-saas"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .saas-check-control, .saas-radio-control { + .saas-check-control, .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio-control { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); width: 1.35rem; @@ -2473,28 +2473,28 @@ display: inline-grid; } - .saas-check-control { + .saas-check-control, :where([data-ui="minimal-saas"]) .ui-check-control { border-radius: var(--saas-radius-xs); } - .saas-radio-control { + .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-radio-control { border-radius: 50%; } - .saas-check input:checked + .saas-check-control, .saas-radio input:checked + .saas-radio-control { + .saas-check input:checked + .saas-check-control, .saas-radio input:checked + .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-check input:checked+.ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio input:checked+.ui-radio-control { background: var(--saas-primary); border-color: var(--saas-primary); box-shadow: var(--saas-focus-ring); } - .saas-check input:checked + .saas-check-control:after { + .saas-check input:checked + .saas-check-control:after, :where([data-ui="minimal-saas"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--saas-on-primary); font-size: .9rem; font-weight: 900; } - .saas-radio input:checked + .saas-radio-control:after { + .saas-radio input:checked + .saas-radio-control:after, :where([data-ui="minimal-saas"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--saas-on-primary); border-radius: 50%; @@ -2502,7 +2502,7 @@ height: .55rem; } - .saas-switch { + .saas-switch, :where([data-ui="minimal-saas"]) .ui-switch { align-items: center; gap: var(--saas-space-3); color: var(--saas-text); @@ -2510,13 +2510,13 @@ display: inline-flex; } - .saas-switch input { + .saas-switch input, :where([data-ui="minimal-saas"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .saas-switch-track { + .saas-switch-track, :where([data-ui="minimal-saas"]) .ui-switch-track { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); border-radius: var(--saas-radius-pill); @@ -2526,7 +2526,7 @@ position: relative; } - .saas-switch-thumb { + .saas-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch-thumb { background: var(--saas-surface-strong); border: 1px solid var(--saas-border); width: 1.34rem; @@ -2539,12 +2539,12 @@ left: .22rem; } - .saas-switch input:checked + .saas-switch-track { + .saas-switch input:checked + .saas-switch-track, :where([data-ui="minimal-saas"]) .ui-switch input:checked+.ui-switch-track { background: var(--saas-primary); border-color: var(--saas-primary); } - .saas-switch input:checked + .saas-switch-track .saas-switch-thumb { + .saas-switch input:checked + .saas-switch-track .saas-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--saas-on-primary); left: calc(100% - 1.56rem); } @@ -3295,19 +3295,19 @@ font-family: var(--bento-font-control); } - .bento-field { + .bento-field, :where([data-ui="bento"]) .ui-field { gap: var(--bento-space-2); flex-direction: column; display: flex; } - .bento-label { + .bento-label, :where([data-ui="bento"]) .ui-label { color: var(--bento-text); font-size: .925rem; font-weight: 800; } - .bento-input, .bento-textarea, .bento-select { + .bento-input, .bento-textarea, .bento-select, :where([data-ui="bento"]) .ui-input, :where([data-ui="bento"]) .ui-textarea, :where([data-ui="bento"]) .ui-select { background: var(--bento-surface-soft); width: 100%; min-height: 2.875rem; @@ -3320,32 +3320,32 @@ padding: .75rem 1rem; } - .bento-textarea { + .bento-textarea, :where([data-ui="bento"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .bento-input::placeholder, .bento-textarea::placeholder { + .bento-input::placeholder, .bento-textarea::placeholder, :where([data-ui="bento"]) .ui-input::placeholder, :where([data-ui="bento"]) .ui-textarea::placeholder { color: var(--bento-text-muted); opacity: .82; } - .bento-input:hover, .bento-textarea:hover, .bento-select:hover { + .bento-input:hover, .bento-textarea:hover, .bento-select:hover, :where([data-ui="bento"]) .ui-input:hover, :where([data-ui="bento"]) .ui-textarea:hover, :where([data-ui="bento"]) .ui-select:hover { border-color: rgb(var(--bento-primary-rgb)/.58); } - .bento-input:focus, .bento-textarea:focus, .bento-select:focus { + .bento-input:focus, .bento-textarea:focus, .bento-select:focus, :where([data-ui="bento"]) .ui-input:focus, :where([data-ui="bento"]) .ui-textarea:focus, :where([data-ui="bento"]) .ui-select:focus { border-color: var(--bento-focus); box-shadow: var(--bento-focus-ring); } - .bento-help-text { + .bento-help-text, :where([data-ui="bento"]) .ui-help-text { color: var(--bento-text-muted); font-size: .875rem; line-height: 1.45; } - .bento-check, .bento-radio { + .bento-check, .bento-radio, :where([data-ui="bento"]) .ui-check, :where([data-ui="bento"]) .ui-radio { align-items: center; gap: var(--bento-space-2); color: var(--bento-text); @@ -3353,13 +3353,13 @@ display: inline-flex; } - .bento-check input, .bento-radio input { + .bento-check input, .bento-radio input, :where([data-ui="bento"]) .ui-check input, :where([data-ui="bento"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .bento-check-control, .bento-radio-control { + .bento-check-control, .bento-radio-control, :where([data-ui="bento"]) .ui-check-control, :where([data-ui="bento"]) .ui-radio-control { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); width: 1.35rem; @@ -3369,28 +3369,28 @@ display: inline-grid; } - .bento-check-control { + .bento-check-control, :where([data-ui="bento"]) .ui-check-control { border-radius: var(--bento-radius-xs); } - .bento-radio-control { + .bento-radio-control, :where([data-ui="bento"]) .ui-radio-control { border-radius: 50%; } - .bento-check input:checked + .bento-check-control, .bento-radio input:checked + .bento-radio-control { + .bento-check input:checked + .bento-check-control, .bento-radio input:checked + .bento-radio-control, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control { background: var(--bento-primary); border-color: var(--bento-primary); box-shadow: var(--bento-focus-ring); } - .bento-check input:checked + .bento-check-control:after { + .bento-check input:checked + .bento-check-control:after, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--bento-on-primary); font-size: .9rem; font-weight: 900; } - .bento-radio input:checked + .bento-radio-control:after { + .bento-radio input:checked + .bento-radio-control:after, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--bento-on-primary); border-radius: 50%; @@ -3398,7 +3398,7 @@ height: .55rem; } - .bento-switch { + .bento-switch, :where([data-ui="bento"]) .ui-switch { align-items: center; gap: var(--bento-space-3); color: var(--bento-text); @@ -3406,13 +3406,13 @@ display: inline-flex; } - .bento-switch input { + .bento-switch input, :where([data-ui="bento"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .bento-switch-track { + .bento-switch-track, :where([data-ui="bento"]) .ui-switch-track { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); border-radius: var(--bento-radius-pill); @@ -3422,7 +3422,7 @@ position: relative; } - .bento-switch-thumb { + .bento-switch-thumb, :where([data-ui="bento"]) .ui-switch-thumb { background: var(--bento-surface-strong); border: 1px solid var(--bento-border); width: 1.34rem; @@ -3435,12 +3435,12 @@ left: .22rem; } - .bento-switch input:checked + .bento-switch-track { + .bento-switch input:checked + .bento-switch-track, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track { background: var(--bento-primary); border-color: var(--bento-primary); } - .bento-switch input:checked + .bento-switch-track .bento-switch-thumb { + .bento-switch input:checked + .bento-switch-track .bento-switch-thumb, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--bento-on-primary); left: calc(100% - 1.56rem); } @@ -4213,19 +4213,19 @@ font-family: var(--max-font-control); } - .max-field { + .max-field, :where([data-ui="maximalist"]) .ui-field { gap: var(--max-space-2); flex-direction: column; display: flex; } - .max-label { + .max-label, :where([data-ui="maximalist"]) .ui-label { color: var(--max-text); font-size: .925rem; font-weight: 800; } - .max-input, .max-textarea, .max-select { + .max-input, .max-textarea, .max-select, :where([data-ui="maximalist"]) .ui-input, :where([data-ui="maximalist"]) .ui-textarea, :where([data-ui="maximalist"]) .ui-select { background: var(--max-surface-soft); width: 100%; min-height: 2.875rem; @@ -4238,32 +4238,32 @@ padding: .75rem 1rem; } - .max-textarea { + .max-textarea, :where([data-ui="maximalist"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .max-input::placeholder, .max-textarea::placeholder { + .max-input::placeholder, .max-textarea::placeholder, :where([data-ui="maximalist"]) .ui-input::placeholder, :where([data-ui="maximalist"]) .ui-textarea::placeholder { color: var(--max-text-muted); opacity: .82; } - .max-input:hover, .max-textarea:hover, .max-select:hover { + .max-input:hover, .max-textarea:hover, .max-select:hover, :where([data-ui="maximalist"]) .ui-input:hover, :where([data-ui="maximalist"]) .ui-textarea:hover, :where([data-ui="maximalist"]) .ui-select:hover { border-color: rgb(var(--max-primary-rgb)/.58); } - .max-input:focus, .max-textarea:focus, .max-select:focus { + .max-input:focus, .max-textarea:focus, .max-select:focus, :where([data-ui="maximalist"]) .ui-input:focus, :where([data-ui="maximalist"]) .ui-textarea:focus, :where([data-ui="maximalist"]) .ui-select:focus { border-color: var(--max-focus); box-shadow: var(--max-focus-ring); } - .max-help-text { + .max-help-text, :where([data-ui="maximalist"]) .ui-help-text { color: var(--max-text-muted); font-size: .875rem; line-height: 1.45; } - .max-check, .max-radio { + .max-check, .max-radio, :where([data-ui="maximalist"]) .ui-check, :where([data-ui="maximalist"]) .ui-radio { align-items: center; gap: var(--max-space-2); color: var(--max-text); @@ -4271,13 +4271,13 @@ display: inline-flex; } - .max-check input, .max-radio input { + .max-check input, .max-radio input, :where([data-ui="maximalist"]) .ui-check input, :where([data-ui="maximalist"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .max-check-control, .max-radio-control { + .max-check-control, .max-radio-control, :where([data-ui="maximalist"]) .ui-check-control, :where([data-ui="maximalist"]) .ui-radio-control { background: var(--max-surface-soft); border: 3px solid var(--max-border); width: 1.35rem; @@ -4287,28 +4287,28 @@ display: inline-grid; } - .max-check-control { + .max-check-control, :where([data-ui="maximalist"]) .ui-check-control { border-radius: var(--max-radius-xs); } - .max-radio-control { + .max-radio-control, :where([data-ui="maximalist"]) .ui-radio-control { border-radius: 50%; } - .max-check input:checked + .max-check-control, .max-radio input:checked + .max-radio-control { + .max-check input:checked + .max-check-control, .max-radio input:checked + .max-radio-control, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control { background: var(--max-primary); border-color: var(--max-primary); box-shadow: var(--max-focus-ring); } - .max-check input:checked + .max-check-control:after { + .max-check input:checked + .max-check-control:after, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--max-on-primary); font-size: .9rem; font-weight: 900; } - .max-radio input:checked + .max-radio-control:after { + .max-radio input:checked + .max-radio-control:after, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--max-on-primary); border-radius: 50%; @@ -4316,7 +4316,7 @@ height: .55rem; } - .max-switch { + .max-switch, :where([data-ui="maximalist"]) .ui-switch { align-items: center; gap: var(--max-space-3); color: var(--max-text); @@ -4324,13 +4324,13 @@ display: inline-flex; } - .max-switch input { + .max-switch input, :where([data-ui="maximalist"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .max-switch-track { + .max-switch-track, :where([data-ui="maximalist"]) .ui-switch-track { background: var(--max-surface-soft); border: 3px solid var(--max-border); border-radius: var(--max-radius-pill); @@ -4340,7 +4340,7 @@ position: relative; } - .max-switch-thumb { + .max-switch-thumb, :where([data-ui="maximalist"]) .ui-switch-thumb { background: var(--max-surface-strong); border: 3px solid var(--max-border); width: 1.34rem; @@ -4353,12 +4353,12 @@ left: .22rem; } - .max-switch input:checked + .max-switch-track { + .max-switch input:checked + .max-switch-track, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track { background: var(--max-primary); border-color: var(--max-primary); } - .max-switch input:checked + .max-switch-track .max-switch-thumb { + .max-switch input:checked + .max-switch-track .max-switch-thumb, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--max-on-primary); left: calc(100% - 1.56rem); } @@ -5119,19 +5119,19 @@ font-family: var(--bau-font-control); } - .bau-field { + .bau-field, :where([data-ui="bauhaus"]) .ui-field { gap: var(--bau-space-2); flex-direction: column; display: flex; } - .bau-label { + .bau-label, :where([data-ui="bauhaus"]) .ui-label { color: var(--bau-text); font-size: .925rem; font-weight: 800; } - .bau-input, .bau-textarea, .bau-select { + .bau-input, .bau-textarea, .bau-select, :where([data-ui="bauhaus"]) .ui-input, :where([data-ui="bauhaus"]) .ui-textarea, :where([data-ui="bauhaus"]) .ui-select { background: var(--bau-surface-soft); width: 100%; min-height: 2.875rem; @@ -5144,32 +5144,32 @@ padding: .75rem 1rem; } - .bau-textarea { + .bau-textarea, :where([data-ui="bauhaus"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .bau-input::placeholder, .bau-textarea::placeholder { + .bau-input::placeholder, .bau-textarea::placeholder, :where([data-ui="bauhaus"]) .ui-input::placeholder, :where([data-ui="bauhaus"]) .ui-textarea::placeholder { color: var(--bau-text-muted); opacity: .82; } - .bau-input:hover, .bau-textarea:hover, .bau-select:hover { + .bau-input:hover, .bau-textarea:hover, .bau-select:hover, :where([data-ui="bauhaus"]) .ui-input:hover, :where([data-ui="bauhaus"]) .ui-textarea:hover, :where([data-ui="bauhaus"]) .ui-select:hover { border-color: rgb(var(--bau-primary-rgb)/.58); } - .bau-input:focus, .bau-textarea:focus, .bau-select:focus { + .bau-input:focus, .bau-textarea:focus, .bau-select:focus, :where([data-ui="bauhaus"]) .ui-input:focus, :where([data-ui="bauhaus"]) .ui-textarea:focus, :where([data-ui="bauhaus"]) .ui-select:focus { border-color: var(--bau-focus); box-shadow: var(--bau-focus-ring); } - .bau-help-text { + .bau-help-text, :where([data-ui="bauhaus"]) .ui-help-text { color: var(--bau-text-muted); font-size: .875rem; line-height: 1.45; } - .bau-check, .bau-radio { + .bau-check, .bau-radio, :where([data-ui="bauhaus"]) .ui-check, :where([data-ui="bauhaus"]) .ui-radio { align-items: center; gap: var(--bau-space-2); color: var(--bau-text); @@ -5177,13 +5177,13 @@ display: inline-flex; } - .bau-check input, .bau-radio input { + .bau-check input, .bau-radio input, :where([data-ui="bauhaus"]) .ui-check input, :where([data-ui="bauhaus"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .bau-check-control, .bau-radio-control { + .bau-check-control, .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); width: 1.35rem; @@ -5193,28 +5193,28 @@ display: inline-grid; } - .bau-check-control { + .bau-check-control, :where([data-ui="bauhaus"]) .ui-check-control { border-radius: var(--bau-radius-xs); } - .bau-radio-control { + .bau-radio-control, :where([data-ui="bauhaus"]) .ui-radio-control { border-radius: 50%; } - .bau-check input:checked + .bau-check-control, .bau-radio input:checked + .bau-radio-control { + .bau-check input:checked + .bau-check-control, .bau-radio input:checked + .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control { background: var(--bau-primary); border-color: var(--bau-primary); box-shadow: var(--bau-focus-ring); } - .bau-check input:checked + .bau-check-control:after { + .bau-check input:checked + .bau-check-control:after, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--bau-on-primary); font-size: .9rem; font-weight: 900; } - .bau-radio input:checked + .bau-radio-control:after { + .bau-radio input:checked + .bau-radio-control:after, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--bau-on-primary); border-radius: 50%; @@ -5222,7 +5222,7 @@ height: .55rem; } - .bau-switch { + .bau-switch, :where([data-ui="bauhaus"]) .ui-switch { align-items: center; gap: var(--bau-space-3); color: var(--bau-text); @@ -5230,13 +5230,13 @@ display: inline-flex; } - .bau-switch input { + .bau-switch input, :where([data-ui="bauhaus"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .bau-switch-track { + .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch-track { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); border-radius: var(--bau-radius-pill); @@ -5246,7 +5246,7 @@ position: relative; } - .bau-switch-thumb { + .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch-thumb { background: var(--bau-surface-strong); border: 2px solid var(--bau-border); width: 1.34rem; @@ -5259,12 +5259,12 @@ left: .22rem; } - .bau-switch input:checked + .bau-switch-track { + .bau-switch input:checked + .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track { background: var(--bau-primary); border-color: var(--bau-primary); } - .bau-switch input:checked + .bau-switch-track .bau-switch-thumb { + .bau-switch input:checked + .bau-switch-track .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--bau-on-primary); left: calc(100% - 1.56rem); } @@ -6015,19 +6015,19 @@ font-family: var(--tactile-font-control); } - .tactile-field { + .tactile-field, :where([data-ui="tactile"]) .ui-field { gap: var(--tactile-space-2); flex-direction: column; display: flex; } - .tactile-label { + .tactile-label, :where([data-ui="tactile"]) .ui-label { color: var(--tactile-text); font-size: .925rem; font-weight: 800; } - .tactile-input, .tactile-textarea, .tactile-select { + .tactile-input, .tactile-textarea, .tactile-select, :where([data-ui="tactile"]) .ui-input, :where([data-ui="tactile"]) .ui-textarea, :where([data-ui="tactile"]) .ui-select { background: var(--tactile-surface-soft); width: 100%; min-height: 2.875rem; @@ -6040,32 +6040,32 @@ padding: .75rem 1rem; } - .tactile-textarea { + .tactile-textarea, :where([data-ui="tactile"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .tactile-input::placeholder, .tactile-textarea::placeholder { + .tactile-input::placeholder, .tactile-textarea::placeholder, :where([data-ui="tactile"]) .ui-input::placeholder, :where([data-ui="tactile"]) .ui-textarea::placeholder { color: var(--tactile-text-muted); opacity: .82; } - .tactile-input:hover, .tactile-textarea:hover, .tactile-select:hover { + .tactile-input:hover, .tactile-textarea:hover, .tactile-select:hover, :where([data-ui="tactile"]) .ui-input:hover, :where([data-ui="tactile"]) .ui-textarea:hover, :where([data-ui="tactile"]) .ui-select:hover { border-color: rgb(var(--tactile-primary-rgb)/.58); } - .tactile-input:focus, .tactile-textarea:focus, .tactile-select:focus { + .tactile-input:focus, .tactile-textarea:focus, .tactile-select:focus, :where([data-ui="tactile"]) .ui-input:focus, :where([data-ui="tactile"]) .ui-textarea:focus, :where([data-ui="tactile"]) .ui-select:focus { border-color: var(--tactile-focus); box-shadow: var(--tactile-focus-ring); } - .tactile-help-text { + .tactile-help-text, :where([data-ui="tactile"]) .ui-help-text { color: var(--tactile-text-muted); font-size: .875rem; line-height: 1.45; } - .tactile-check, .tactile-radio { + .tactile-check, .tactile-radio, :where([data-ui="tactile"]) .ui-check, :where([data-ui="tactile"]) .ui-radio { align-items: center; gap: var(--tactile-space-2); color: var(--tactile-text); @@ -6073,13 +6073,13 @@ display: inline-flex; } - .tactile-check input, .tactile-radio input { + .tactile-check input, .tactile-radio input, :where([data-ui="tactile"]) .ui-check input, :where([data-ui="tactile"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .tactile-check-control, .tactile-radio-control { + .tactile-check-control, .tactile-radio-control, :where([data-ui="tactile"]) .ui-check-control, :where([data-ui="tactile"]) .ui-radio-control { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); width: 1.35rem; @@ -6089,28 +6089,28 @@ display: inline-grid; } - .tactile-check-control { + .tactile-check-control, :where([data-ui="tactile"]) .ui-check-control { border-radius: var(--tactile-radius-xs); } - .tactile-radio-control { + .tactile-radio-control, :where([data-ui="tactile"]) .ui-radio-control { border-radius: 50%; } - .tactile-check input:checked + .tactile-check-control, .tactile-radio input:checked + .tactile-radio-control { + .tactile-check input:checked + .tactile-check-control, .tactile-radio input:checked + .tactile-radio-control, :where([data-ui="tactile"]) .ui-check input:checked+.ui-check-control, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control { background: var(--tactile-primary); border-color: var(--tactile-primary); box-shadow: var(--tactile-focus-ring); } - .tactile-check input:checked + .tactile-check-control:after { + .tactile-check input:checked + .tactile-check-control:after, :where([data-ui="tactile"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--tactile-on-primary); font-size: .9rem; font-weight: 900; } - .tactile-radio input:checked + .tactile-radio-control:after { + .tactile-radio input:checked + .tactile-radio-control:after, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--tactile-on-primary); border-radius: 50%; @@ -6118,7 +6118,7 @@ height: .55rem; } - .tactile-switch { + .tactile-switch, :where([data-ui="tactile"]) .ui-switch { align-items: center; gap: var(--tactile-space-3); color: var(--tactile-text); @@ -6126,13 +6126,13 @@ display: inline-flex; } - .tactile-switch input { + .tactile-switch input, :where([data-ui="tactile"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .tactile-switch-track { + .tactile-switch-track, :where([data-ui="tactile"]) .ui-switch-track { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); border-radius: var(--tactile-radius-pill); @@ -6142,7 +6142,7 @@ position: relative; } - .tactile-switch-thumb { + .tactile-switch-thumb, :where([data-ui="tactile"]) .ui-switch-thumb { background: var(--tactile-surface-strong); border: 1px solid var(--tactile-border); width: 1.34rem; @@ -6155,12 +6155,12 @@ left: .22rem; } - .tactile-switch input:checked + .tactile-switch-track { + .tactile-switch input:checked + .tactile-switch-track, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track { background: var(--tactile-primary); border-color: var(--tactile-primary); } - .tactile-switch input:checked + .tactile-switch-track .tactile-switch-thumb { + .tactile-switch input:checked + .tactile-switch-track .tactile-switch-thumb, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--tactile-on-primary); left: calc(100% - 1.56rem); } @@ -6898,19 +6898,19 @@ font-family: var(--neo-font-control); } - .neo-field { + .neo-field, :where([data-ui="neumorphism"]) .ui-field { gap: var(--neo-space-2); flex-direction: column; display: flex; } - .neo-label { + .neo-label, :where([data-ui="neumorphism"]) .ui-label { color: var(--neo-text); font-size: .925rem; font-weight: 800; } - .neo-input, .neo-textarea, .neo-select { + .neo-input, .neo-textarea, .neo-select, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { background: var(--neo-surface-soft); width: 100%; min-height: 2.875rem; @@ -6923,32 +6923,32 @@ padding: .75rem 1rem; } - .neo-textarea { + .neo-textarea, :where([data-ui="neumorphism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .neo-input::placeholder, .neo-textarea::placeholder { + .neo-input::placeholder, .neo-textarea::placeholder, :where([data-ui="neumorphism"]) .ui-input::placeholder, :where([data-ui="neumorphism"]) .ui-textarea::placeholder { color: var(--neo-text-muted); opacity: .82; } - .neo-input:hover, .neo-textarea:hover, .neo-select:hover { + .neo-input:hover, .neo-textarea:hover, .neo-select:hover, :where([data-ui="neumorphism"]) .ui-input:hover, :where([data-ui="neumorphism"]) .ui-textarea:hover, :where([data-ui="neumorphism"]) .ui-select:hover { border-color: rgb(var(--neo-primary-rgb)/.58); } - .neo-input:focus, .neo-textarea:focus, .neo-select:focus { + .neo-input:focus, .neo-textarea:focus, .neo-select:focus, :where([data-ui="neumorphism"]) .ui-input:focus, :where([data-ui="neumorphism"]) .ui-textarea:focus, :where([data-ui="neumorphism"]) .ui-select:focus { border-color: var(--neo-focus); box-shadow: var(--neo-focus-ring); } - .neo-help-text { + .neo-help-text, :where([data-ui="neumorphism"]) .ui-help-text { color: var(--neo-text-muted); font-size: .875rem; line-height: 1.45; } - .neo-check, .neo-radio { + .neo-check, .neo-radio, :where([data-ui="neumorphism"]) .ui-check, :where([data-ui="neumorphism"]) .ui-radio { align-items: center; gap: var(--neo-space-2); color: var(--neo-text); @@ -6956,13 +6956,13 @@ display: inline-flex; } - .neo-check input, .neo-radio input { + .neo-check input, .neo-radio input, :where([data-ui="neumorphism"]) .ui-check input, :where([data-ui="neumorphism"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .neo-check-control, .neo-radio-control { + .neo-check-control, .neo-radio-control, :where([data-ui="neumorphism"]) .ui-check-control, :where([data-ui="neumorphism"]) .ui-radio-control { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); width: 1.35rem; @@ -6972,28 +6972,28 @@ display: inline-grid; } - .neo-check-control { + .neo-check-control, :where([data-ui="neumorphism"]) .ui-check-control { border-radius: var(--neo-radius-xs); } - .neo-radio-control { + .neo-radio-control, :where([data-ui="neumorphism"]) .ui-radio-control { border-radius: 50%; } - .neo-check input:checked + .neo-check-control, .neo-radio input:checked + .neo-radio-control { + .neo-check input:checked + .neo-check-control, .neo-radio input:checked + .neo-radio-control, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control, :where([data-ui="neumorphism"]) .ui-radio input:checked+.ui-radio-control { background: var(--neo-primary); border-color: var(--neo-primary); box-shadow: var(--neo-focus-ring); } - .neo-check input:checked + .neo-check-control:after { + .neo-check input:checked + .neo-check-control:after, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--neo-on-primary); font-size: .9rem; font-weight: 900; } - .neo-radio input:checked + .neo-radio-control:after { + .neo-radio input:checked + .neo-radio-control:after, :where([data-ui="neumorphism"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--neo-on-primary); border-radius: 50%; @@ -7001,7 +7001,7 @@ height: .55rem; } - .neo-switch { + .neo-switch, :where([data-ui="neumorphism"]) .ui-switch { align-items: center; gap: var(--neo-space-3); color: var(--neo-text); @@ -7009,13 +7009,13 @@ display: inline-flex; } - .neo-switch input { + .neo-switch input, :where([data-ui="neumorphism"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .neo-switch-track { + .neo-switch-track, :where([data-ui="neumorphism"]) .ui-switch-track { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); border-radius: var(--neo-radius-pill); @@ -7025,7 +7025,7 @@ position: relative; } - .neo-switch-thumb { + .neo-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch-thumb { background: var(--neo-surface-strong); border: 1px solid var(--neo-border); width: 1.34rem; @@ -7038,12 +7038,12 @@ left: .22rem; } - .neo-switch input:checked + .neo-switch-track { + .neo-switch input:checked + .neo-switch-track, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track { background: var(--neo-primary); border-color: var(--neo-primary); } - .neo-switch input:checked + .neo-switch-track .neo-switch-thumb { + .neo-switch input:checked + .neo-switch-track .neo-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--neo-on-primary); left: calc(100% - 1.56rem); } @@ -7346,7 +7346,7 @@ box-shadow: 16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light); } - .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress { + .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } @@ -7800,19 +7800,19 @@ font-family: var(--retro-font-control); } - .retro-field { + .retro-field, :where([data-ui="retrofuturism"]) .ui-field { gap: var(--retro-space-2); flex-direction: column; display: flex; } - .retro-label { + .retro-label, :where([data-ui="retrofuturism"]) .ui-label { color: var(--retro-text); font-size: .925rem; font-weight: 800; } - .retro-input, .retro-textarea, .retro-select { + .retro-input, .retro-textarea, .retro-select, :where([data-ui="retrofuturism"]) .ui-input, :where([data-ui="retrofuturism"]) .ui-textarea, :where([data-ui="retrofuturism"]) .ui-select { background: var(--retro-surface-soft); width: 100%; min-height: 2.875rem; @@ -7825,32 +7825,32 @@ padding: .75rem 1rem; } - .retro-textarea { + .retro-textarea, :where([data-ui="retrofuturism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .retro-input::placeholder, .retro-textarea::placeholder { + .retro-input::placeholder, .retro-textarea::placeholder, :where([data-ui="retrofuturism"]) .ui-input::placeholder, :where([data-ui="retrofuturism"]) .ui-textarea::placeholder { color: var(--retro-text-muted); opacity: .82; } - .retro-input:hover, .retro-textarea:hover, .retro-select:hover { + .retro-input:hover, .retro-textarea:hover, .retro-select:hover, :where([data-ui="retrofuturism"]) .ui-input:hover, :where([data-ui="retrofuturism"]) .ui-textarea:hover, :where([data-ui="retrofuturism"]) .ui-select:hover { border-color: rgb(var(--retro-primary-rgb)/.58); } - .retro-input:focus, .retro-textarea:focus, .retro-select:focus { + .retro-input:focus, .retro-textarea:focus, .retro-select:focus, :where([data-ui="retrofuturism"]) .ui-input:focus, :where([data-ui="retrofuturism"]) .ui-textarea:focus, :where([data-ui="retrofuturism"]) .ui-select:focus { border-color: var(--retro-focus); box-shadow: var(--retro-focus-ring); } - .retro-help-text { + .retro-help-text, :where([data-ui="retrofuturism"]) .ui-help-text { color: var(--retro-text-muted); font-size: .875rem; line-height: 1.45; } - .retro-check, .retro-radio { + .retro-check, .retro-radio, :where([data-ui="retrofuturism"]) .ui-check, :where([data-ui="retrofuturism"]) .ui-radio { align-items: center; gap: var(--retro-space-2); color: var(--retro-text); @@ -7858,13 +7858,13 @@ display: inline-flex; } - .retro-check input, .retro-radio input { + .retro-check input, .retro-radio input, :where([data-ui="retrofuturism"]) .ui-check input, :where([data-ui="retrofuturism"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .retro-check-control, .retro-radio-control { + .retro-check-control, .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio-control { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); width: 1.35rem; @@ -7874,28 +7874,28 @@ display: inline-grid; } - .retro-check-control { + .retro-check-control, :where([data-ui="retrofuturism"]) .ui-check-control { border-radius: var(--retro-radius-xs); } - .retro-radio-control { + .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-radio-control { border-radius: 50%; } - .retro-check input:checked + .retro-check-control, .retro-radio input:checked + .retro-radio-control { + .retro-check input:checked + .retro-check-control, .retro-radio input:checked + .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio input:checked+.ui-radio-control { background: var(--retro-primary); border-color: var(--retro-primary); box-shadow: var(--retro-focus-ring); } - .retro-check input:checked + .retro-check-control:after { + .retro-check input:checked + .retro-check-control:after, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--retro-on-primary); font-size: .9rem; font-weight: 900; } - .retro-radio input:checked + .retro-radio-control:after { + .retro-radio input:checked + .retro-radio-control:after, :where([data-ui="retrofuturism"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--retro-on-primary); border-radius: 50%; @@ -7903,7 +7903,7 @@ height: .55rem; } - .retro-switch { + .retro-switch, :where([data-ui="retrofuturism"]) .ui-switch { align-items: center; gap: var(--retro-space-3); color: var(--retro-text); @@ -7911,13 +7911,13 @@ display: inline-flex; } - .retro-switch input { + .retro-switch input, :where([data-ui="retrofuturism"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .retro-switch-track { + .retro-switch-track, :where([data-ui="retrofuturism"]) .ui-switch-track { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); border-radius: var(--retro-radius-pill); @@ -7927,7 +7927,7 @@ position: relative; } - .retro-switch-thumb { + .retro-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch-thumb { background: var(--retro-surface-strong); border: 1px solid var(--retro-border); width: 1.34rem; @@ -7940,12 +7940,12 @@ left: .22rem; } - .retro-switch input:checked + .retro-switch-track { + .retro-switch input:checked + .retro-switch-track, :where([data-ui="retrofuturism"]) .ui-switch input:checked+.ui-switch-track { background: var(--retro-primary); border-color: var(--retro-primary); } - .retro-switch input:checked + .retro-switch-track .retro-switch-thumb { + .retro-switch input:checked + .retro-switch-track .retro-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--retro-on-primary); left: calc(100% - 1.56rem); } @@ -8735,19 +8735,19 @@ font-family: var(--brutal-font-control); } - .brutal-field { + .brutal-field, :where([data-ui="brutalism"]) .ui-field { gap: var(--brutal-space-2); flex-direction: column; display: flex; } - .brutal-label { + .brutal-label, :where([data-ui="brutalism"]) .ui-label { text-transform: uppercase; letter-spacing: .05em; font-weight: 900; } - .brutal-input, .brutal-textarea, .brutal-select { + .brutal-input, .brutal-textarea, .brutal-select, :where([data-ui="brutalism"]) .ui-input, :where([data-ui="brutalism"]) .ui-textarea, :where([data-ui="brutalism"]) .ui-select { background: var(--brutal-surface-strong); width: 100%; min-height: 2.9rem; @@ -8760,17 +8760,17 @@ box-shadow: inset 4px 4px #0000001f; } - .brutal-textarea { + .brutal-textarea, :where([data-ui="brutalism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .brutal-input:focus, .brutal-textarea:focus, .brutal-select:focus { + .brutal-input:focus, .brutal-textarea:focus, .brutal-select:focus, :where([data-ui="brutalism"]) .ui-input:focus, :where([data-ui="brutalism"]) .ui-textarea:focus, :where([data-ui="brutalism"]) .ui-select:focus { border-color: var(--brutal-focus); box-shadow: 0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f; } - .brutal-help-text { + .brutal-help-text, :where([data-ui="brutalism"]) .ui-help-text { color: var(--brutal-text-muted); font-size: .9rem; } @@ -9360,13 +9360,13 @@ padding: 0; } - .cyber-field { + .cyber-field, :where([data-ui="cyberpunk"]) .ui-field { gap: var(--cyber-space-2); flex-direction: column; display: flex; } - .cyber-label { + .cyber-label, :where([data-ui="cyberpunk"]) .ui-label { font-family: var(--cyber-font-heading); text-transform: uppercase; letter-spacing: .14em; @@ -9374,7 +9374,7 @@ font-weight: 800; } - .cyber-input, .cyber-textarea, .cyber-select { + .cyber-input, .cyber-textarea, .cyber-select, :where([data-ui="cyberpunk"]) .ui-input, :where([data-ui="cyberpunk"]) .ui-textarea, :where([data-ui="cyberpunk"]) .ui-select { background: var(--cyber-surface-soft); width: 100%; min-height: 2.9rem; @@ -9387,17 +9387,17 @@ box-shadow: inset 0 0 18px #0003; } - .cyber-textarea { + .cyber-textarea, :where([data-ui="cyberpunk"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .cyber-input:focus, .cyber-textarea:focus, .cyber-select:focus { + .cyber-input:focus, .cyber-textarea:focus, .cyber-select:focus, :where([data-ui="cyberpunk"]) .ui-input:focus, :where([data-ui="cyberpunk"]) .ui-textarea:focus, :where([data-ui="cyberpunk"]) .ui-select:focus { border-color: var(--cyber-focus); box-shadow: 0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003; } - .cyber-help-text { + .cyber-help-text, :where([data-ui="cyberpunk"]) .ui-help-text { color: var(--cyber-text-muted); font-size: .9rem; } @@ -9611,7 +9611,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -10060,18 +10060,18 @@ padding: 0; } - .y2k-field { + .y2k-field, :where([data-ui="y2k"]) .ui-field { gap: var(--y2k-space-2); flex-direction: column; display: flex; } - .y2k-label { + .y2k-label, :where([data-ui="y2k"]) .ui-label { letter-spacing: .04em; font-weight: 900; } - .y2k-input, .y2k-textarea, .y2k-select { + .y2k-input, .y2k-textarea, .y2k-select, :where([data-ui="y2k"]) .ui-input, :where([data-ui="y2k"]) .ui-textarea, :where([data-ui="y2k"]) .ui-select { background: linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft); width: 100%; min-height: 2.9rem; @@ -10084,17 +10084,17 @@ box-shadow: inset 0 6px 14px #0000001f; } - .y2k-textarea { + .y2k-textarea, :where([data-ui="y2k"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .y2k-input:focus, .y2k-textarea:focus, .y2k-select:focus { + .y2k-input:focus, .y2k-textarea:focus, .y2k-select:focus, :where([data-ui="y2k"]) .ui-input:focus, :where([data-ui="y2k"]) .ui-textarea:focus, :where([data-ui="y2k"]) .ui-select:focus { border-color: var(--y2k-focus); box-shadow: inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22); } - .y2k-help-text { + .y2k-help-text, :where([data-ui="y2k"]) .ui-help-text { color: var(--y2k-text-muted); font-size: .9rem; } @@ -10750,13 +10750,13 @@ padding: 0; } - .rg-field { + .rg-field, :where([data-ui="retro-glass"]) .ui-field { gap: var(--rg-space-2); flex-direction: column; display: flex; } - .rg-label { + .rg-label, :where([data-ui="retro-glass"]) .ui-label { font-family: var(--rg-font-heading); text-transform: uppercase; letter-spacing: .12em; @@ -10764,7 +10764,7 @@ font-weight: 900; } - .rg-input, .rg-textarea, .rg-select { + .rg-input, .rg-textarea, .rg-select, :where([data-ui="retro-glass"]) .ui-input, :where([data-ui="retro-glass"]) .ui-textarea, :where([data-ui="retro-glass"]) .ui-select { background: linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft); width: 100%; min-height: 2.9rem; @@ -10778,17 +10778,17 @@ box-shadow: inset 0 8px 18px #00000024; } - .rg-textarea { + .rg-textarea, :where([data-ui="retro-glass"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .rg-input:focus, .rg-textarea:focus, .rg-select:focus { + .rg-input:focus, .rg-textarea:focus, .rg-select:focus, :where([data-ui="retro-glass"]) .ui-input:focus, :where([data-ui="retro-glass"]) .ui-textarea:focus, :where([data-ui="retro-glass"]) .ui-select:focus { border-color: var(--rg-focus); box-shadow: inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22); } - .rg-help-text { + .rg-help-text, :where([data-ui="retro-glass"]) .ui-help-text { color: var(--rg-text-muted); font-size: .9rem; } diff --git a/dist/ui-style-kit.min.css b/dist/ui-style-kit.min.css index 6904d2c..09a2c39 100644 --- a/dist/ui-style-kit.min.css +++ b/dist/ui-style-kit.min.css @@ -4,4 +4,4 @@ * License: MIT */ @layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout; -@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control{border-radius:var(--max-radius-xs)}.max-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}} \ No newline at end of file +@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field,:where([data-ui=minimal-saas]) .ui-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label,:where([data-ui=minimal-saas]) .ui-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select,:where([data-ui=minimal-saas]) .ui-input,:where([data-ui=minimal-saas]) .ui-textarea,:where([data-ui=minimal-saas]) .ui-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea,:where([data-ui=minimal-saas]) .ui-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder,:where([data-ui=minimal-saas]) .ui-input::placeholder,:where([data-ui=minimal-saas]) .ui-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover,:where([data-ui=minimal-saas]) .ui-input:hover,:where([data-ui=minimal-saas]) .ui-textarea:hover,:where([data-ui=minimal-saas]) .ui-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus,:where([data-ui=minimal-saas]) .ui-input:focus,:where([data-ui=minimal-saas]) .ui-textarea:focus,:where([data-ui=minimal-saas]) .ui-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text,:where([data-ui=minimal-saas]) .ui-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio,:where([data-ui=minimal-saas]) .ui-check,:where([data-ui=minimal-saas]) .ui-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input,:where([data-ui=minimal-saas]) .ui-check input,:where([data-ui=minimal-saas]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check-control,:where([data-ui=minimal-saas]) .ui-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control,:where([data-ui=minimal-saas]) .ui-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control,:where([data-ui=minimal-saas]) .ui-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch,:where([data-ui=minimal-saas]) .ui-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input,:where([data-ui=minimal-saas]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field,:where([data-ui=bento]) .ui-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label,:where([data-ui=bento]) .ui-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select,:where([data-ui=bento]) .ui-input,:where([data-ui=bento]) .ui-textarea,:where([data-ui=bento]) .ui-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea,:where([data-ui=bento]) .ui-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder,:where([data-ui=bento]) .ui-input::placeholder,:where([data-ui=bento]) .ui-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover,:where([data-ui=bento]) .ui-input:hover,:where([data-ui=bento]) .ui-textarea:hover,:where([data-ui=bento]) .ui-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus,:where([data-ui=bento]) .ui-input:focus,:where([data-ui=bento]) .ui-textarea:focus,:where([data-ui=bento]) .ui-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text,:where([data-ui=bento]) .ui-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio,:where([data-ui=bento]) .ui-check,:where([data-ui=bento]) .ui-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input,:where([data-ui=bento]) .ui-check input,:where([data-ui=bento]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control,:where([data-ui=bento]) .ui-check-control,:where([data-ui=bento]) .ui-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control,:where([data-ui=bento]) .ui-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control,:where([data-ui=bento]) .ui-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch,:where([data-ui=bento]) .ui-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input,:where([data-ui=bento]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track,:where([data-ui=bento]) .ui-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb,:where([data-ui=bento]) .ui-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field,:where([data-ui=maximalist]) .ui-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label,:where([data-ui=maximalist]) .ui-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select,:where([data-ui=maximalist]) .ui-input,:where([data-ui=maximalist]) .ui-textarea,:where([data-ui=maximalist]) .ui-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea,:where([data-ui=maximalist]) .ui-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder,:where([data-ui=maximalist]) .ui-input::placeholder,:where([data-ui=maximalist]) .ui-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover,:where([data-ui=maximalist]) .ui-input:hover,:where([data-ui=maximalist]) .ui-textarea:hover,:where([data-ui=maximalist]) .ui-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus,:where([data-ui=maximalist]) .ui-input:focus,:where([data-ui=maximalist]) .ui-textarea:focus,:where([data-ui=maximalist]) .ui-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text,:where([data-ui=maximalist]) .ui-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio,:where([data-ui=maximalist]) .ui-check,:where([data-ui=maximalist]) .ui-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input,:where([data-ui=maximalist]) .ui-check input,:where([data-ui=maximalist]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control,:where([data-ui=maximalist]) .ui-check-control,:where([data-ui=maximalist]) .ui-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control,:where([data-ui=maximalist]) .ui-check-control{border-radius:var(--max-radius-xs)}.max-radio-control,:where([data-ui=maximalist]) .ui-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch,:where([data-ui=maximalist]) .ui-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input,:where([data-ui=maximalist]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track,:where([data-ui=maximalist]) .ui-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb,:where([data-ui=maximalist]) .ui-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field,:where([data-ui=bauhaus]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui=bauhaus]) .ui-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select,:where([data-ui=bauhaus]) .ui-input,:where([data-ui=bauhaus]) .ui-textarea,:where([data-ui=bauhaus]) .ui-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea,:where([data-ui=bauhaus]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui=bauhaus]) .ui-input::placeholder,:where([data-ui=bauhaus]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui=bauhaus]) .ui-input:hover,:where([data-ui=bauhaus]) .ui-textarea:hover,:where([data-ui=bauhaus]) .ui-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui=bauhaus]) .ui-input:focus,:where([data-ui=bauhaus]) .ui-textarea:focus,:where([data-ui=bauhaus]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text,:where([data-ui=bauhaus]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui=bauhaus]) .ui-check,:where([data-ui=bauhaus]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui=bauhaus]) .ui-check input,:where([data-ui=bauhaus]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui=bauhaus]) .ui-check-control,:where([data-ui=bauhaus]) .ui-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control,:where([data-ui=bauhaus]) .ui-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control,:where([data-ui=bauhaus]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui=bauhaus]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui=bauhaus]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field,:where([data-ui=tactile]) .ui-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label,:where([data-ui=tactile]) .ui-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select,:where([data-ui=tactile]) .ui-input,:where([data-ui=tactile]) .ui-textarea,:where([data-ui=tactile]) .ui-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea,:where([data-ui=tactile]) .ui-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder,:where([data-ui=tactile]) .ui-input::placeholder,:where([data-ui=tactile]) .ui-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover,:where([data-ui=tactile]) .ui-input:hover,:where([data-ui=tactile]) .ui-textarea:hover,:where([data-ui=tactile]) .ui-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus,:where([data-ui=tactile]) .ui-input:focus,:where([data-ui=tactile]) .ui-textarea:focus,:where([data-ui=tactile]) .ui-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text,:where([data-ui=tactile]) .ui-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio,:where([data-ui=tactile]) .ui-check,:where([data-ui=tactile]) .ui-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input,:where([data-ui=tactile]) .ui-check input,:where([data-ui=tactile]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control,:where([data-ui=tactile]) .ui-check-control,:where([data-ui=tactile]) .ui-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control,:where([data-ui=tactile]) .ui-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control,:where([data-ui=tactile]) .ui-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch,:where([data-ui=tactile]) .ui-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input,:where([data-ui=tactile]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track,:where([data-ui=tactile]) .ui-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field,:where([data-ui=neumorphism]) .ui-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label,:where([data-ui=neumorphism]) .ui-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea,:where([data-ui=neumorphism]) .ui-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder,:where([data-ui=neumorphism]) .ui-input::placeholder,:where([data-ui=neumorphism]) .ui-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover,:where([data-ui=neumorphism]) .ui-input:hover,:where([data-ui=neumorphism]) .ui-textarea:hover,:where([data-ui=neumorphism]) .ui-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus,:where([data-ui=neumorphism]) .ui-input:focus,:where([data-ui=neumorphism]) .ui-textarea:focus,:where([data-ui=neumorphism]) .ui-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text,:where([data-ui=neumorphism]) .ui-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio,:where([data-ui=neumorphism]) .ui-check,:where([data-ui=neumorphism]) .ui-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input,:where([data-ui=neumorphism]) .ui-check input,:where([data-ui=neumorphism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control,:where([data-ui=neumorphism]) .ui-check-control,:where([data-ui=neumorphism]) .ui-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control,:where([data-ui=neumorphism]) .ui-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control,:where([data-ui=neumorphism]) .ui-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch,:where([data-ui=neumorphism]) .ui-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input,:where([data-ui=neumorphism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field,:where([data-ui=retrofuturism]) .ui-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label,:where([data-ui=retrofuturism]) .ui-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select,:where([data-ui=retrofuturism]) .ui-input,:where([data-ui=retrofuturism]) .ui-textarea,:where([data-ui=retrofuturism]) .ui-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea,:where([data-ui=retrofuturism]) .ui-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder,:where([data-ui=retrofuturism]) .ui-input::placeholder,:where([data-ui=retrofuturism]) .ui-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover,:where([data-ui=retrofuturism]) .ui-input:hover,:where([data-ui=retrofuturism]) .ui-textarea:hover,:where([data-ui=retrofuturism]) .ui-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus,:where([data-ui=retrofuturism]) .ui-input:focus,:where([data-ui=retrofuturism]) .ui-textarea:focus,:where([data-ui=retrofuturism]) .ui-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text,:where([data-ui=retrofuturism]) .ui-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio,:where([data-ui=retrofuturism]) .ui-check,:where([data-ui=retrofuturism]) .ui-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input,:where([data-ui=retrofuturism]) .ui-check input,:where([data-ui=retrofuturism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check-control,:where([data-ui=retrofuturism]) .ui-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control,:where([data-ui=retrofuturism]) .ui-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control,:where([data-ui=retrofuturism]) .ui-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch,:where([data-ui=retrofuturism]) .ui-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input,:where([data-ui=retrofuturism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field,:where([data-ui=brutalism]) .ui-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label,:where([data-ui=brutalism]) .ui-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select,:where([data-ui=brutalism]) .ui-input,:where([data-ui=brutalism]) .ui-textarea,:where([data-ui=brutalism]) .ui-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea,:where([data-ui=brutalism]) .ui-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus,:where([data-ui=brutalism]) .ui-input:focus,:where([data-ui=brutalism]) .ui-textarea:focus,:where([data-ui=brutalism]) .ui-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text,:where([data-ui=brutalism]) .ui-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field,:where([data-ui=cyberpunk]) .ui-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label,:where([data-ui=cyberpunk]) .ui-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select,:where([data-ui=cyberpunk]) .ui-input,:where([data-ui=cyberpunk]) .ui-textarea,:where([data-ui=cyberpunk]) .ui-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea,:where([data-ui=cyberpunk]) .ui-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus,:where([data-ui=cyberpunk]) .ui-input:focus,:where([data-ui=cyberpunk]) .ui-textarea:focus,:where([data-ui=cyberpunk]) .ui-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text,:where([data-ui=cyberpunk]) .ui-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible,:where([data-ui=cyberpunk]) .ui-input:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field,:where([data-ui=y2k]) .ui-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label,:where([data-ui=y2k]) .ui-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select,:where([data-ui=y2k]) .ui-input,:where([data-ui=y2k]) .ui-textarea,:where([data-ui=y2k]) .ui-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea,:where([data-ui=y2k]) .ui-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus,:where([data-ui=y2k]) .ui-input:focus,:where([data-ui=y2k]) .ui-textarea:focus,:where([data-ui=y2k]) .ui-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text,:where([data-ui=y2k]) .ui-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field,:where([data-ui=retro-glass]) .ui-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label,:where([data-ui=retro-glass]) .ui-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select,:where([data-ui=retro-glass]) .ui-input,:where([data-ui=retro-glass]) .ui-textarea,:where([data-ui=retro-glass]) .ui-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea,:where([data-ui=retro-glass]) .ui-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus,:where([data-ui=retro-glass]) .ui-input:focus,:where([data-ui=retro-glass]) .ui-textarea:focus,:where([data-ui=retro-glass]) .ui-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text,:where([data-ui=retro-glass]) .ui-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}} \ No newline at end of file diff --git a/dist/ui-style-kit.visual.css b/dist/ui-style-kit.visual.css index 4ecfc30..8880995 100644 --- a/dist/ui-style-kit.visual.css +++ b/dist/ui-style-kit.visual.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-check, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-radio, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-check-control, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2399,19 +2399,19 @@ font-family: var(--saas-font-control); } - .saas-field { + .saas-field, :where([data-ui="minimal-saas"]) .ui-field { gap: var(--saas-space-2); flex-direction: column; display: flex; } - .saas-label { + .saas-label, :where([data-ui="minimal-saas"]) .ui-label { color: var(--saas-text); font-size: .925rem; font-weight: 800; } - .saas-input, .saas-textarea, .saas-select { + .saas-input, .saas-textarea, .saas-select, :where([data-ui="minimal-saas"]) .ui-input, :where([data-ui="minimal-saas"]) .ui-textarea, :where([data-ui="minimal-saas"]) .ui-select { background: var(--saas-surface-soft); width: 100%; min-height: 2.875rem; @@ -2424,32 +2424,32 @@ padding: .75rem 1rem; } - .saas-textarea { + .saas-textarea, :where([data-ui="minimal-saas"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .saas-input::placeholder, .saas-textarea::placeholder { + .saas-input::placeholder, .saas-textarea::placeholder, :where([data-ui="minimal-saas"]) .ui-input::placeholder, :where([data-ui="minimal-saas"]) .ui-textarea::placeholder { color: var(--saas-text-muted); opacity: .82; } - .saas-input:hover, .saas-textarea:hover, .saas-select:hover { + .saas-input:hover, .saas-textarea:hover, .saas-select:hover, :where([data-ui="minimal-saas"]) .ui-input:hover, :where([data-ui="minimal-saas"]) .ui-textarea:hover, :where([data-ui="minimal-saas"]) .ui-select:hover { border-color: rgb(var(--saas-primary-rgb)/.58); } - .saas-input:focus, .saas-textarea:focus, .saas-select:focus { + .saas-input:focus, .saas-textarea:focus, .saas-select:focus, :where([data-ui="minimal-saas"]) .ui-input:focus, :where([data-ui="minimal-saas"]) .ui-textarea:focus, :where([data-ui="minimal-saas"]) .ui-select:focus { border-color: var(--saas-focus); box-shadow: var(--saas-focus-ring); } - .saas-help-text { + .saas-help-text, :where([data-ui="minimal-saas"]) .ui-help-text { color: var(--saas-text-muted); font-size: .875rem; line-height: 1.45; } - .saas-check, .saas-radio { + .saas-check, .saas-radio, :where([data-ui="minimal-saas"]) .ui-check, :where([data-ui="minimal-saas"]) .ui-radio { align-items: center; gap: var(--saas-space-2); color: var(--saas-text); @@ -2457,13 +2457,13 @@ display: inline-flex; } - .saas-check input, .saas-radio input { + .saas-check input, .saas-radio input, :where([data-ui="minimal-saas"]) .ui-check input, :where([data-ui="minimal-saas"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .saas-check-control, .saas-radio-control { + .saas-check-control, .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio-control { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); width: 1.35rem; @@ -2473,28 +2473,28 @@ display: inline-grid; } - .saas-check-control { + .saas-check-control, :where([data-ui="minimal-saas"]) .ui-check-control { border-radius: var(--saas-radius-xs); } - .saas-radio-control { + .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-radio-control { border-radius: 50%; } - .saas-check input:checked + .saas-check-control, .saas-radio input:checked + .saas-radio-control { + .saas-check input:checked + .saas-check-control, .saas-radio input:checked + .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-check input:checked+.ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio input:checked+.ui-radio-control { background: var(--saas-primary); border-color: var(--saas-primary); box-shadow: var(--saas-focus-ring); } - .saas-check input:checked + .saas-check-control:after { + .saas-check input:checked + .saas-check-control:after, :where([data-ui="minimal-saas"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--saas-on-primary); font-size: .9rem; font-weight: 900; } - .saas-radio input:checked + .saas-radio-control:after { + .saas-radio input:checked + .saas-radio-control:after, :where([data-ui="minimal-saas"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--saas-on-primary); border-radius: 50%; @@ -2502,7 +2502,7 @@ height: .55rem; } - .saas-switch { + .saas-switch, :where([data-ui="minimal-saas"]) .ui-switch { align-items: center; gap: var(--saas-space-3); color: var(--saas-text); @@ -2510,13 +2510,13 @@ display: inline-flex; } - .saas-switch input { + .saas-switch input, :where([data-ui="minimal-saas"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .saas-switch-track { + .saas-switch-track, :where([data-ui="minimal-saas"]) .ui-switch-track { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); border-radius: var(--saas-radius-pill); @@ -2526,7 +2526,7 @@ position: relative; } - .saas-switch-thumb { + .saas-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch-thumb { background: var(--saas-surface-strong); border: 1px solid var(--saas-border); width: 1.34rem; @@ -2539,12 +2539,12 @@ left: .22rem; } - .saas-switch input:checked + .saas-switch-track { + .saas-switch input:checked + .saas-switch-track, :where([data-ui="minimal-saas"]) .ui-switch input:checked+.ui-switch-track { background: var(--saas-primary); border-color: var(--saas-primary); } - .saas-switch input:checked + .saas-switch-track .saas-switch-thumb { + .saas-switch input:checked + .saas-switch-track .saas-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--saas-on-primary); left: calc(100% - 1.56rem); } @@ -3295,19 +3295,19 @@ font-family: var(--bento-font-control); } - .bento-field { + .bento-field, :where([data-ui="bento"]) .ui-field { gap: var(--bento-space-2); flex-direction: column; display: flex; } - .bento-label { + .bento-label, :where([data-ui="bento"]) .ui-label { color: var(--bento-text); font-size: .925rem; font-weight: 800; } - .bento-input, .bento-textarea, .bento-select { + .bento-input, .bento-textarea, .bento-select, :where([data-ui="bento"]) .ui-input, :where([data-ui="bento"]) .ui-textarea, :where([data-ui="bento"]) .ui-select { background: var(--bento-surface-soft); width: 100%; min-height: 2.875rem; @@ -3320,32 +3320,32 @@ padding: .75rem 1rem; } - .bento-textarea { + .bento-textarea, :where([data-ui="bento"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .bento-input::placeholder, .bento-textarea::placeholder { + .bento-input::placeholder, .bento-textarea::placeholder, :where([data-ui="bento"]) .ui-input::placeholder, :where([data-ui="bento"]) .ui-textarea::placeholder { color: var(--bento-text-muted); opacity: .82; } - .bento-input:hover, .bento-textarea:hover, .bento-select:hover { + .bento-input:hover, .bento-textarea:hover, .bento-select:hover, :where([data-ui="bento"]) .ui-input:hover, :where([data-ui="bento"]) .ui-textarea:hover, :where([data-ui="bento"]) .ui-select:hover { border-color: rgb(var(--bento-primary-rgb)/.58); } - .bento-input:focus, .bento-textarea:focus, .bento-select:focus { + .bento-input:focus, .bento-textarea:focus, .bento-select:focus, :where([data-ui="bento"]) .ui-input:focus, :where([data-ui="bento"]) .ui-textarea:focus, :where([data-ui="bento"]) .ui-select:focus { border-color: var(--bento-focus); box-shadow: var(--bento-focus-ring); } - .bento-help-text { + .bento-help-text, :where([data-ui="bento"]) .ui-help-text { color: var(--bento-text-muted); font-size: .875rem; line-height: 1.45; } - .bento-check, .bento-radio { + .bento-check, .bento-radio, :where([data-ui="bento"]) .ui-check, :where([data-ui="bento"]) .ui-radio { align-items: center; gap: var(--bento-space-2); color: var(--bento-text); @@ -3353,13 +3353,13 @@ display: inline-flex; } - .bento-check input, .bento-radio input { + .bento-check input, .bento-radio input, :where([data-ui="bento"]) .ui-check input, :where([data-ui="bento"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .bento-check-control, .bento-radio-control { + .bento-check-control, .bento-radio-control, :where([data-ui="bento"]) .ui-check-control, :where([data-ui="bento"]) .ui-radio-control { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); width: 1.35rem; @@ -3369,28 +3369,28 @@ display: inline-grid; } - .bento-check-control { + .bento-check-control, :where([data-ui="bento"]) .ui-check-control { border-radius: var(--bento-radius-xs); } - .bento-radio-control { + .bento-radio-control, :where([data-ui="bento"]) .ui-radio-control { border-radius: 50%; } - .bento-check input:checked + .bento-check-control, .bento-radio input:checked + .bento-radio-control { + .bento-check input:checked + .bento-check-control, .bento-radio input:checked + .bento-radio-control, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control { background: var(--bento-primary); border-color: var(--bento-primary); box-shadow: var(--bento-focus-ring); } - .bento-check input:checked + .bento-check-control:after { + .bento-check input:checked + .bento-check-control:after, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--bento-on-primary); font-size: .9rem; font-weight: 900; } - .bento-radio input:checked + .bento-radio-control:after { + .bento-radio input:checked + .bento-radio-control:after, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--bento-on-primary); border-radius: 50%; @@ -3398,7 +3398,7 @@ height: .55rem; } - .bento-switch { + .bento-switch, :where([data-ui="bento"]) .ui-switch { align-items: center; gap: var(--bento-space-3); color: var(--bento-text); @@ -3406,13 +3406,13 @@ display: inline-flex; } - .bento-switch input { + .bento-switch input, :where([data-ui="bento"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .bento-switch-track { + .bento-switch-track, :where([data-ui="bento"]) .ui-switch-track { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); border-radius: var(--bento-radius-pill); @@ -3422,7 +3422,7 @@ position: relative; } - .bento-switch-thumb { + .bento-switch-thumb, :where([data-ui="bento"]) .ui-switch-thumb { background: var(--bento-surface-strong); border: 1px solid var(--bento-border); width: 1.34rem; @@ -3435,12 +3435,12 @@ left: .22rem; } - .bento-switch input:checked + .bento-switch-track { + .bento-switch input:checked + .bento-switch-track, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track { background: var(--bento-primary); border-color: var(--bento-primary); } - .bento-switch input:checked + .bento-switch-track .bento-switch-thumb { + .bento-switch input:checked + .bento-switch-track .bento-switch-thumb, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--bento-on-primary); left: calc(100% - 1.56rem); } @@ -4213,19 +4213,19 @@ font-family: var(--max-font-control); } - .max-field { + .max-field, :where([data-ui="maximalist"]) .ui-field { gap: var(--max-space-2); flex-direction: column; display: flex; } - .max-label { + .max-label, :where([data-ui="maximalist"]) .ui-label { color: var(--max-text); font-size: .925rem; font-weight: 800; } - .max-input, .max-textarea, .max-select { + .max-input, .max-textarea, .max-select, :where([data-ui="maximalist"]) .ui-input, :where([data-ui="maximalist"]) .ui-textarea, :where([data-ui="maximalist"]) .ui-select { background: var(--max-surface-soft); width: 100%; min-height: 2.875rem; @@ -4238,32 +4238,32 @@ padding: .75rem 1rem; } - .max-textarea { + .max-textarea, :where([data-ui="maximalist"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .max-input::placeholder, .max-textarea::placeholder { + .max-input::placeholder, .max-textarea::placeholder, :where([data-ui="maximalist"]) .ui-input::placeholder, :where([data-ui="maximalist"]) .ui-textarea::placeholder { color: var(--max-text-muted); opacity: .82; } - .max-input:hover, .max-textarea:hover, .max-select:hover { + .max-input:hover, .max-textarea:hover, .max-select:hover, :where([data-ui="maximalist"]) .ui-input:hover, :where([data-ui="maximalist"]) .ui-textarea:hover, :where([data-ui="maximalist"]) .ui-select:hover { border-color: rgb(var(--max-primary-rgb)/.58); } - .max-input:focus, .max-textarea:focus, .max-select:focus { + .max-input:focus, .max-textarea:focus, .max-select:focus, :where([data-ui="maximalist"]) .ui-input:focus, :where([data-ui="maximalist"]) .ui-textarea:focus, :where([data-ui="maximalist"]) .ui-select:focus { border-color: var(--max-focus); box-shadow: var(--max-focus-ring); } - .max-help-text { + .max-help-text, :where([data-ui="maximalist"]) .ui-help-text { color: var(--max-text-muted); font-size: .875rem; line-height: 1.45; } - .max-check, .max-radio { + .max-check, .max-radio, :where([data-ui="maximalist"]) .ui-check, :where([data-ui="maximalist"]) .ui-radio { align-items: center; gap: var(--max-space-2); color: var(--max-text); @@ -4271,13 +4271,13 @@ display: inline-flex; } - .max-check input, .max-radio input { + .max-check input, .max-radio input, :where([data-ui="maximalist"]) .ui-check input, :where([data-ui="maximalist"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .max-check-control, .max-radio-control { + .max-check-control, .max-radio-control, :where([data-ui="maximalist"]) .ui-check-control, :where([data-ui="maximalist"]) .ui-radio-control { background: var(--max-surface-soft); border: 3px solid var(--max-border); width: 1.35rem; @@ -4287,28 +4287,28 @@ display: inline-grid; } - .max-check-control { + .max-check-control, :where([data-ui="maximalist"]) .ui-check-control { border-radius: var(--max-radius-xs); } - .max-radio-control { + .max-radio-control, :where([data-ui="maximalist"]) .ui-radio-control { border-radius: 50%; } - .max-check input:checked + .max-check-control, .max-radio input:checked + .max-radio-control { + .max-check input:checked + .max-check-control, .max-radio input:checked + .max-radio-control, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control { background: var(--max-primary); border-color: var(--max-primary); box-shadow: var(--max-focus-ring); } - .max-check input:checked + .max-check-control:after { + .max-check input:checked + .max-check-control:after, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--max-on-primary); font-size: .9rem; font-weight: 900; } - .max-radio input:checked + .max-radio-control:after { + .max-radio input:checked + .max-radio-control:after, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--max-on-primary); border-radius: 50%; @@ -4316,7 +4316,7 @@ height: .55rem; } - .max-switch { + .max-switch, :where([data-ui="maximalist"]) .ui-switch { align-items: center; gap: var(--max-space-3); color: var(--max-text); @@ -4324,13 +4324,13 @@ display: inline-flex; } - .max-switch input { + .max-switch input, :where([data-ui="maximalist"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .max-switch-track { + .max-switch-track, :where([data-ui="maximalist"]) .ui-switch-track { background: var(--max-surface-soft); border: 3px solid var(--max-border); border-radius: var(--max-radius-pill); @@ -4340,7 +4340,7 @@ position: relative; } - .max-switch-thumb { + .max-switch-thumb, :where([data-ui="maximalist"]) .ui-switch-thumb { background: var(--max-surface-strong); border: 3px solid var(--max-border); width: 1.34rem; @@ -4353,12 +4353,12 @@ left: .22rem; } - .max-switch input:checked + .max-switch-track { + .max-switch input:checked + .max-switch-track, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track { background: var(--max-primary); border-color: var(--max-primary); } - .max-switch input:checked + .max-switch-track .max-switch-thumb { + .max-switch input:checked + .max-switch-track .max-switch-thumb, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--max-on-primary); left: calc(100% - 1.56rem); } @@ -5119,19 +5119,19 @@ font-family: var(--bau-font-control); } - .bau-field { + .bau-field, :where([data-ui="bauhaus"]) .ui-field { gap: var(--bau-space-2); flex-direction: column; display: flex; } - .bau-label { + .bau-label, :where([data-ui="bauhaus"]) .ui-label { color: var(--bau-text); font-size: .925rem; font-weight: 800; } - .bau-input, .bau-textarea, .bau-select { + .bau-input, .bau-textarea, .bau-select, :where([data-ui="bauhaus"]) .ui-input, :where([data-ui="bauhaus"]) .ui-textarea, :where([data-ui="bauhaus"]) .ui-select { background: var(--bau-surface-soft); width: 100%; min-height: 2.875rem; @@ -5144,32 +5144,32 @@ padding: .75rem 1rem; } - .bau-textarea { + .bau-textarea, :where([data-ui="bauhaus"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .bau-input::placeholder, .bau-textarea::placeholder { + .bau-input::placeholder, .bau-textarea::placeholder, :where([data-ui="bauhaus"]) .ui-input::placeholder, :where([data-ui="bauhaus"]) .ui-textarea::placeholder { color: var(--bau-text-muted); opacity: .82; } - .bau-input:hover, .bau-textarea:hover, .bau-select:hover { + .bau-input:hover, .bau-textarea:hover, .bau-select:hover, :where([data-ui="bauhaus"]) .ui-input:hover, :where([data-ui="bauhaus"]) .ui-textarea:hover, :where([data-ui="bauhaus"]) .ui-select:hover { border-color: rgb(var(--bau-primary-rgb)/.58); } - .bau-input:focus, .bau-textarea:focus, .bau-select:focus { + .bau-input:focus, .bau-textarea:focus, .bau-select:focus, :where([data-ui="bauhaus"]) .ui-input:focus, :where([data-ui="bauhaus"]) .ui-textarea:focus, :where([data-ui="bauhaus"]) .ui-select:focus { border-color: var(--bau-focus); box-shadow: var(--bau-focus-ring); } - .bau-help-text { + .bau-help-text, :where([data-ui="bauhaus"]) .ui-help-text { color: var(--bau-text-muted); font-size: .875rem; line-height: 1.45; } - .bau-check, .bau-radio { + .bau-check, .bau-radio, :where([data-ui="bauhaus"]) .ui-check, :where([data-ui="bauhaus"]) .ui-radio { align-items: center; gap: var(--bau-space-2); color: var(--bau-text); @@ -5177,13 +5177,13 @@ display: inline-flex; } - .bau-check input, .bau-radio input { + .bau-check input, .bau-radio input, :where([data-ui="bauhaus"]) .ui-check input, :where([data-ui="bauhaus"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .bau-check-control, .bau-radio-control { + .bau-check-control, .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); width: 1.35rem; @@ -5193,28 +5193,28 @@ display: inline-grid; } - .bau-check-control { + .bau-check-control, :where([data-ui="bauhaus"]) .ui-check-control { border-radius: var(--bau-radius-xs); } - .bau-radio-control { + .bau-radio-control, :where([data-ui="bauhaus"]) .ui-radio-control { border-radius: 50%; } - .bau-check input:checked + .bau-check-control, .bau-radio input:checked + .bau-radio-control { + .bau-check input:checked + .bau-check-control, .bau-radio input:checked + .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control { background: var(--bau-primary); border-color: var(--bau-primary); box-shadow: var(--bau-focus-ring); } - .bau-check input:checked + .bau-check-control:after { + .bau-check input:checked + .bau-check-control:after, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--bau-on-primary); font-size: .9rem; font-weight: 900; } - .bau-radio input:checked + .bau-radio-control:after { + .bau-radio input:checked + .bau-radio-control:after, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--bau-on-primary); border-radius: 50%; @@ -5222,7 +5222,7 @@ height: .55rem; } - .bau-switch { + .bau-switch, :where([data-ui="bauhaus"]) .ui-switch { align-items: center; gap: var(--bau-space-3); color: var(--bau-text); @@ -5230,13 +5230,13 @@ display: inline-flex; } - .bau-switch input { + .bau-switch input, :where([data-ui="bauhaus"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .bau-switch-track { + .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch-track { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); border-radius: var(--bau-radius-pill); @@ -5246,7 +5246,7 @@ position: relative; } - .bau-switch-thumb { + .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch-thumb { background: var(--bau-surface-strong); border: 2px solid var(--bau-border); width: 1.34rem; @@ -5259,12 +5259,12 @@ left: .22rem; } - .bau-switch input:checked + .bau-switch-track { + .bau-switch input:checked + .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track { background: var(--bau-primary); border-color: var(--bau-primary); } - .bau-switch input:checked + .bau-switch-track .bau-switch-thumb { + .bau-switch input:checked + .bau-switch-track .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--bau-on-primary); left: calc(100% - 1.56rem); } @@ -6015,19 +6015,19 @@ font-family: var(--tactile-font-control); } - .tactile-field { + .tactile-field, :where([data-ui="tactile"]) .ui-field { gap: var(--tactile-space-2); flex-direction: column; display: flex; } - .tactile-label { + .tactile-label, :where([data-ui="tactile"]) .ui-label { color: var(--tactile-text); font-size: .925rem; font-weight: 800; } - .tactile-input, .tactile-textarea, .tactile-select { + .tactile-input, .tactile-textarea, .tactile-select, :where([data-ui="tactile"]) .ui-input, :where([data-ui="tactile"]) .ui-textarea, :where([data-ui="tactile"]) .ui-select { background: var(--tactile-surface-soft); width: 100%; min-height: 2.875rem; @@ -6040,32 +6040,32 @@ padding: .75rem 1rem; } - .tactile-textarea { + .tactile-textarea, :where([data-ui="tactile"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .tactile-input::placeholder, .tactile-textarea::placeholder { + .tactile-input::placeholder, .tactile-textarea::placeholder, :where([data-ui="tactile"]) .ui-input::placeholder, :where([data-ui="tactile"]) .ui-textarea::placeholder { color: var(--tactile-text-muted); opacity: .82; } - .tactile-input:hover, .tactile-textarea:hover, .tactile-select:hover { + .tactile-input:hover, .tactile-textarea:hover, .tactile-select:hover, :where([data-ui="tactile"]) .ui-input:hover, :where([data-ui="tactile"]) .ui-textarea:hover, :where([data-ui="tactile"]) .ui-select:hover { border-color: rgb(var(--tactile-primary-rgb)/.58); } - .tactile-input:focus, .tactile-textarea:focus, .tactile-select:focus { + .tactile-input:focus, .tactile-textarea:focus, .tactile-select:focus, :where([data-ui="tactile"]) .ui-input:focus, :where([data-ui="tactile"]) .ui-textarea:focus, :where([data-ui="tactile"]) .ui-select:focus { border-color: var(--tactile-focus); box-shadow: var(--tactile-focus-ring); } - .tactile-help-text { + .tactile-help-text, :where([data-ui="tactile"]) .ui-help-text { color: var(--tactile-text-muted); font-size: .875rem; line-height: 1.45; } - .tactile-check, .tactile-radio { + .tactile-check, .tactile-radio, :where([data-ui="tactile"]) .ui-check, :where([data-ui="tactile"]) .ui-radio { align-items: center; gap: var(--tactile-space-2); color: var(--tactile-text); @@ -6073,13 +6073,13 @@ display: inline-flex; } - .tactile-check input, .tactile-radio input { + .tactile-check input, .tactile-radio input, :where([data-ui="tactile"]) .ui-check input, :where([data-ui="tactile"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .tactile-check-control, .tactile-radio-control { + .tactile-check-control, .tactile-radio-control, :where([data-ui="tactile"]) .ui-check-control, :where([data-ui="tactile"]) .ui-radio-control { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); width: 1.35rem; @@ -6089,28 +6089,28 @@ display: inline-grid; } - .tactile-check-control { + .tactile-check-control, :where([data-ui="tactile"]) .ui-check-control { border-radius: var(--tactile-radius-xs); } - .tactile-radio-control { + .tactile-radio-control, :where([data-ui="tactile"]) .ui-radio-control { border-radius: 50%; } - .tactile-check input:checked + .tactile-check-control, .tactile-radio input:checked + .tactile-radio-control { + .tactile-check input:checked + .tactile-check-control, .tactile-radio input:checked + .tactile-radio-control, :where([data-ui="tactile"]) .ui-check input:checked+.ui-check-control, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control { background: var(--tactile-primary); border-color: var(--tactile-primary); box-shadow: var(--tactile-focus-ring); } - .tactile-check input:checked + .tactile-check-control:after { + .tactile-check input:checked + .tactile-check-control:after, :where([data-ui="tactile"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--tactile-on-primary); font-size: .9rem; font-weight: 900; } - .tactile-radio input:checked + .tactile-radio-control:after { + .tactile-radio input:checked + .tactile-radio-control:after, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--tactile-on-primary); border-radius: 50%; @@ -6118,7 +6118,7 @@ height: .55rem; } - .tactile-switch { + .tactile-switch, :where([data-ui="tactile"]) .ui-switch { align-items: center; gap: var(--tactile-space-3); color: var(--tactile-text); @@ -6126,13 +6126,13 @@ display: inline-flex; } - .tactile-switch input { + .tactile-switch input, :where([data-ui="tactile"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .tactile-switch-track { + .tactile-switch-track, :where([data-ui="tactile"]) .ui-switch-track { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); border-radius: var(--tactile-radius-pill); @@ -6142,7 +6142,7 @@ position: relative; } - .tactile-switch-thumb { + .tactile-switch-thumb, :where([data-ui="tactile"]) .ui-switch-thumb { background: var(--tactile-surface-strong); border: 1px solid var(--tactile-border); width: 1.34rem; @@ -6155,12 +6155,12 @@ left: .22rem; } - .tactile-switch input:checked + .tactile-switch-track { + .tactile-switch input:checked + .tactile-switch-track, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track { background: var(--tactile-primary); border-color: var(--tactile-primary); } - .tactile-switch input:checked + .tactile-switch-track .tactile-switch-thumb { + .tactile-switch input:checked + .tactile-switch-track .tactile-switch-thumb, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--tactile-on-primary); left: calc(100% - 1.56rem); } @@ -6898,19 +6898,19 @@ font-family: var(--neo-font-control); } - .neo-field { + .neo-field, :where([data-ui="neumorphism"]) .ui-field { gap: var(--neo-space-2); flex-direction: column; display: flex; } - .neo-label { + .neo-label, :where([data-ui="neumorphism"]) .ui-label { color: var(--neo-text); font-size: .925rem; font-weight: 800; } - .neo-input, .neo-textarea, .neo-select { + .neo-input, .neo-textarea, .neo-select, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { background: var(--neo-surface-soft); width: 100%; min-height: 2.875rem; @@ -6923,32 +6923,32 @@ padding: .75rem 1rem; } - .neo-textarea { + .neo-textarea, :where([data-ui="neumorphism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .neo-input::placeholder, .neo-textarea::placeholder { + .neo-input::placeholder, .neo-textarea::placeholder, :where([data-ui="neumorphism"]) .ui-input::placeholder, :where([data-ui="neumorphism"]) .ui-textarea::placeholder { color: var(--neo-text-muted); opacity: .82; } - .neo-input:hover, .neo-textarea:hover, .neo-select:hover { + .neo-input:hover, .neo-textarea:hover, .neo-select:hover, :where([data-ui="neumorphism"]) .ui-input:hover, :where([data-ui="neumorphism"]) .ui-textarea:hover, :where([data-ui="neumorphism"]) .ui-select:hover { border-color: rgb(var(--neo-primary-rgb)/.58); } - .neo-input:focus, .neo-textarea:focus, .neo-select:focus { + .neo-input:focus, .neo-textarea:focus, .neo-select:focus, :where([data-ui="neumorphism"]) .ui-input:focus, :where([data-ui="neumorphism"]) .ui-textarea:focus, :where([data-ui="neumorphism"]) .ui-select:focus { border-color: var(--neo-focus); box-shadow: var(--neo-focus-ring); } - .neo-help-text { + .neo-help-text, :where([data-ui="neumorphism"]) .ui-help-text { color: var(--neo-text-muted); font-size: .875rem; line-height: 1.45; } - .neo-check, .neo-radio { + .neo-check, .neo-radio, :where([data-ui="neumorphism"]) .ui-check, :where([data-ui="neumorphism"]) .ui-radio { align-items: center; gap: var(--neo-space-2); color: var(--neo-text); @@ -6956,13 +6956,13 @@ display: inline-flex; } - .neo-check input, .neo-radio input { + .neo-check input, .neo-radio input, :where([data-ui="neumorphism"]) .ui-check input, :where([data-ui="neumorphism"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .neo-check-control, .neo-radio-control { + .neo-check-control, .neo-radio-control, :where([data-ui="neumorphism"]) .ui-check-control, :where([data-ui="neumorphism"]) .ui-radio-control { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); width: 1.35rem; @@ -6972,28 +6972,28 @@ display: inline-grid; } - .neo-check-control { + .neo-check-control, :where([data-ui="neumorphism"]) .ui-check-control { border-radius: var(--neo-radius-xs); } - .neo-radio-control { + .neo-radio-control, :where([data-ui="neumorphism"]) .ui-radio-control { border-radius: 50%; } - .neo-check input:checked + .neo-check-control, .neo-radio input:checked + .neo-radio-control { + .neo-check input:checked + .neo-check-control, .neo-radio input:checked + .neo-radio-control, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control, :where([data-ui="neumorphism"]) .ui-radio input:checked+.ui-radio-control { background: var(--neo-primary); border-color: var(--neo-primary); box-shadow: var(--neo-focus-ring); } - .neo-check input:checked + .neo-check-control:after { + .neo-check input:checked + .neo-check-control:after, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--neo-on-primary); font-size: .9rem; font-weight: 900; } - .neo-radio input:checked + .neo-radio-control:after { + .neo-radio input:checked + .neo-radio-control:after, :where([data-ui="neumorphism"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--neo-on-primary); border-radius: 50%; @@ -7001,7 +7001,7 @@ height: .55rem; } - .neo-switch { + .neo-switch, :where([data-ui="neumorphism"]) .ui-switch { align-items: center; gap: var(--neo-space-3); color: var(--neo-text); @@ -7009,13 +7009,13 @@ display: inline-flex; } - .neo-switch input { + .neo-switch input, :where([data-ui="neumorphism"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .neo-switch-track { + .neo-switch-track, :where([data-ui="neumorphism"]) .ui-switch-track { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); border-radius: var(--neo-radius-pill); @@ -7025,7 +7025,7 @@ position: relative; } - .neo-switch-thumb { + .neo-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch-thumb { background: var(--neo-surface-strong); border: 1px solid var(--neo-border); width: 1.34rem; @@ -7038,12 +7038,12 @@ left: .22rem; } - .neo-switch input:checked + .neo-switch-track { + .neo-switch input:checked + .neo-switch-track, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track { background: var(--neo-primary); border-color: var(--neo-primary); } - .neo-switch input:checked + .neo-switch-track .neo-switch-thumb { + .neo-switch input:checked + .neo-switch-track .neo-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--neo-on-primary); left: calc(100% - 1.56rem); } @@ -7346,7 +7346,7 @@ box-shadow: 16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light); } - .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress { + .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } @@ -7800,19 +7800,19 @@ font-family: var(--retro-font-control); } - .retro-field { + .retro-field, :where([data-ui="retrofuturism"]) .ui-field { gap: var(--retro-space-2); flex-direction: column; display: flex; } - .retro-label { + .retro-label, :where([data-ui="retrofuturism"]) .ui-label { color: var(--retro-text); font-size: .925rem; font-weight: 800; } - .retro-input, .retro-textarea, .retro-select { + .retro-input, .retro-textarea, .retro-select, :where([data-ui="retrofuturism"]) .ui-input, :where([data-ui="retrofuturism"]) .ui-textarea, :where([data-ui="retrofuturism"]) .ui-select { background: var(--retro-surface-soft); width: 100%; min-height: 2.875rem; @@ -7825,32 +7825,32 @@ padding: .75rem 1rem; } - .retro-textarea { + .retro-textarea, :where([data-ui="retrofuturism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .retro-input::placeholder, .retro-textarea::placeholder { + .retro-input::placeholder, .retro-textarea::placeholder, :where([data-ui="retrofuturism"]) .ui-input::placeholder, :where([data-ui="retrofuturism"]) .ui-textarea::placeholder { color: var(--retro-text-muted); opacity: .82; } - .retro-input:hover, .retro-textarea:hover, .retro-select:hover { + .retro-input:hover, .retro-textarea:hover, .retro-select:hover, :where([data-ui="retrofuturism"]) .ui-input:hover, :where([data-ui="retrofuturism"]) .ui-textarea:hover, :where([data-ui="retrofuturism"]) .ui-select:hover { border-color: rgb(var(--retro-primary-rgb)/.58); } - .retro-input:focus, .retro-textarea:focus, .retro-select:focus { + .retro-input:focus, .retro-textarea:focus, .retro-select:focus, :where([data-ui="retrofuturism"]) .ui-input:focus, :where([data-ui="retrofuturism"]) .ui-textarea:focus, :where([data-ui="retrofuturism"]) .ui-select:focus { border-color: var(--retro-focus); box-shadow: var(--retro-focus-ring); } - .retro-help-text { + .retro-help-text, :where([data-ui="retrofuturism"]) .ui-help-text { color: var(--retro-text-muted); font-size: .875rem; line-height: 1.45; } - .retro-check, .retro-radio { + .retro-check, .retro-radio, :where([data-ui="retrofuturism"]) .ui-check, :where([data-ui="retrofuturism"]) .ui-radio { align-items: center; gap: var(--retro-space-2); color: var(--retro-text); @@ -7858,13 +7858,13 @@ display: inline-flex; } - .retro-check input, .retro-radio input { + .retro-check input, .retro-radio input, :where([data-ui="retrofuturism"]) .ui-check input, :where([data-ui="retrofuturism"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .retro-check-control, .retro-radio-control { + .retro-check-control, .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio-control { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); width: 1.35rem; @@ -7874,28 +7874,28 @@ display: inline-grid; } - .retro-check-control { + .retro-check-control, :where([data-ui="retrofuturism"]) .ui-check-control { border-radius: var(--retro-radius-xs); } - .retro-radio-control { + .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-radio-control { border-radius: 50%; } - .retro-check input:checked + .retro-check-control, .retro-radio input:checked + .retro-radio-control { + .retro-check input:checked + .retro-check-control, .retro-radio input:checked + .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio input:checked+.ui-radio-control { background: var(--retro-primary); border-color: var(--retro-primary); box-shadow: var(--retro-focus-ring); } - .retro-check input:checked + .retro-check-control:after { + .retro-check input:checked + .retro-check-control:after, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--retro-on-primary); font-size: .9rem; font-weight: 900; } - .retro-radio input:checked + .retro-radio-control:after { + .retro-radio input:checked + .retro-radio-control:after, :where([data-ui="retrofuturism"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--retro-on-primary); border-radius: 50%; @@ -7903,7 +7903,7 @@ height: .55rem; } - .retro-switch { + .retro-switch, :where([data-ui="retrofuturism"]) .ui-switch { align-items: center; gap: var(--retro-space-3); color: var(--retro-text); @@ -7911,13 +7911,13 @@ display: inline-flex; } - .retro-switch input { + .retro-switch input, :where([data-ui="retrofuturism"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .retro-switch-track { + .retro-switch-track, :where([data-ui="retrofuturism"]) .ui-switch-track { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); border-radius: var(--retro-radius-pill); @@ -7927,7 +7927,7 @@ position: relative; } - .retro-switch-thumb { + .retro-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch-thumb { background: var(--retro-surface-strong); border: 1px solid var(--retro-border); width: 1.34rem; @@ -7940,12 +7940,12 @@ left: .22rem; } - .retro-switch input:checked + .retro-switch-track { + .retro-switch input:checked + .retro-switch-track, :where([data-ui="retrofuturism"]) .ui-switch input:checked+.ui-switch-track { background: var(--retro-primary); border-color: var(--retro-primary); } - .retro-switch input:checked + .retro-switch-track .retro-switch-thumb { + .retro-switch input:checked + .retro-switch-track .retro-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--retro-on-primary); left: calc(100% - 1.56rem); } @@ -8735,19 +8735,19 @@ font-family: var(--brutal-font-control); } - .brutal-field { + .brutal-field, :where([data-ui="brutalism"]) .ui-field { gap: var(--brutal-space-2); flex-direction: column; display: flex; } - .brutal-label { + .brutal-label, :where([data-ui="brutalism"]) .ui-label { text-transform: uppercase; letter-spacing: .05em; font-weight: 900; } - .brutal-input, .brutal-textarea, .brutal-select { + .brutal-input, .brutal-textarea, .brutal-select, :where([data-ui="brutalism"]) .ui-input, :where([data-ui="brutalism"]) .ui-textarea, :where([data-ui="brutalism"]) .ui-select { background: var(--brutal-surface-strong); width: 100%; min-height: 2.9rem; @@ -8760,17 +8760,17 @@ box-shadow: inset 4px 4px #0000001f; } - .brutal-textarea { + .brutal-textarea, :where([data-ui="brutalism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .brutal-input:focus, .brutal-textarea:focus, .brutal-select:focus { + .brutal-input:focus, .brutal-textarea:focus, .brutal-select:focus, :where([data-ui="brutalism"]) .ui-input:focus, :where([data-ui="brutalism"]) .ui-textarea:focus, :where([data-ui="brutalism"]) .ui-select:focus { border-color: var(--brutal-focus); box-shadow: 0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f; } - .brutal-help-text { + .brutal-help-text, :where([data-ui="brutalism"]) .ui-help-text { color: var(--brutal-text-muted); font-size: .9rem; } @@ -9360,13 +9360,13 @@ padding: 0; } - .cyber-field { + .cyber-field, :where([data-ui="cyberpunk"]) .ui-field { gap: var(--cyber-space-2); flex-direction: column; display: flex; } - .cyber-label { + .cyber-label, :where([data-ui="cyberpunk"]) .ui-label { font-family: var(--cyber-font-heading); text-transform: uppercase; letter-spacing: .14em; @@ -9374,7 +9374,7 @@ font-weight: 800; } - .cyber-input, .cyber-textarea, .cyber-select { + .cyber-input, .cyber-textarea, .cyber-select, :where([data-ui="cyberpunk"]) .ui-input, :where([data-ui="cyberpunk"]) .ui-textarea, :where([data-ui="cyberpunk"]) .ui-select { background: var(--cyber-surface-soft); width: 100%; min-height: 2.9rem; @@ -9387,17 +9387,17 @@ box-shadow: inset 0 0 18px #0003; } - .cyber-textarea { + .cyber-textarea, :where([data-ui="cyberpunk"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .cyber-input:focus, .cyber-textarea:focus, .cyber-select:focus { + .cyber-input:focus, .cyber-textarea:focus, .cyber-select:focus, :where([data-ui="cyberpunk"]) .ui-input:focus, :where([data-ui="cyberpunk"]) .ui-textarea:focus, :where([data-ui="cyberpunk"]) .ui-select:focus { border-color: var(--cyber-focus); box-shadow: 0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003; } - .cyber-help-text { + .cyber-help-text, :where([data-ui="cyberpunk"]) .ui-help-text { color: var(--cyber-text-muted); font-size: .9rem; } @@ -9611,7 +9611,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -10060,18 +10060,18 @@ padding: 0; } - .y2k-field { + .y2k-field, :where([data-ui="y2k"]) .ui-field { gap: var(--y2k-space-2); flex-direction: column; display: flex; } - .y2k-label { + .y2k-label, :where([data-ui="y2k"]) .ui-label { letter-spacing: .04em; font-weight: 900; } - .y2k-input, .y2k-textarea, .y2k-select { + .y2k-input, .y2k-textarea, .y2k-select, :where([data-ui="y2k"]) .ui-input, :where([data-ui="y2k"]) .ui-textarea, :where([data-ui="y2k"]) .ui-select { background: linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft); width: 100%; min-height: 2.9rem; @@ -10084,17 +10084,17 @@ box-shadow: inset 0 6px 14px #0000001f; } - .y2k-textarea { + .y2k-textarea, :where([data-ui="y2k"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .y2k-input:focus, .y2k-textarea:focus, .y2k-select:focus { + .y2k-input:focus, .y2k-textarea:focus, .y2k-select:focus, :where([data-ui="y2k"]) .ui-input:focus, :where([data-ui="y2k"]) .ui-textarea:focus, :where([data-ui="y2k"]) .ui-select:focus { border-color: var(--y2k-focus); box-shadow: inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22); } - .y2k-help-text { + .y2k-help-text, :where([data-ui="y2k"]) .ui-help-text { color: var(--y2k-text-muted); font-size: .9rem; } @@ -10750,13 +10750,13 @@ padding: 0; } - .rg-field { + .rg-field, :where([data-ui="retro-glass"]) .ui-field { gap: var(--rg-space-2); flex-direction: column; display: flex; } - .rg-label { + .rg-label, :where([data-ui="retro-glass"]) .ui-label { font-family: var(--rg-font-heading); text-transform: uppercase; letter-spacing: .12em; @@ -10764,7 +10764,7 @@ font-weight: 900; } - .rg-input, .rg-textarea, .rg-select { + .rg-input, .rg-textarea, .rg-select, :where([data-ui="retro-glass"]) .ui-input, :where([data-ui="retro-glass"]) .ui-textarea, :where([data-ui="retro-glass"]) .ui-select { background: linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft); width: 100%; min-height: 2.9rem; @@ -10778,17 +10778,17 @@ box-shadow: inset 0 8px 18px #00000024; } - .rg-textarea { + .rg-textarea, :where([data-ui="retro-glass"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .rg-input:focus, .rg-textarea:focus, .rg-select:focus { + .rg-input:focus, .rg-textarea:focus, .rg-select:focus, :where([data-ui="retro-glass"]) .ui-input:focus, :where([data-ui="retro-glass"]) .ui-textarea:focus, :where([data-ui="retro-glass"]) .ui-select:focus { border-color: var(--rg-focus); box-shadow: inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22); } - .rg-help-text { + .rg-help-text, :where([data-ui="retro-glass"]) .ui-help-text { color: var(--rg-text-muted); font-size: .9rem; } diff --git a/dist/ui-style-kit.visual.min.css b/dist/ui-style-kit.visual.min.css index 426ebfc..9336a19 100644 --- a/dist/ui-style-kit.visual.min.css +++ b/dist/ui-style-kit.visual.min.css @@ -4,4 +4,4 @@ * License: MIT */ @layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout; -@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control{border-radius:var(--max-radius-xs)}.max-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout; \ No newline at end of file +@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field,:where([data-ui=minimal-saas]) .ui-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label,:where([data-ui=minimal-saas]) .ui-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select,:where([data-ui=minimal-saas]) .ui-input,:where([data-ui=minimal-saas]) .ui-textarea,:where([data-ui=minimal-saas]) .ui-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea,:where([data-ui=minimal-saas]) .ui-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder,:where([data-ui=minimal-saas]) .ui-input::placeholder,:where([data-ui=minimal-saas]) .ui-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover,:where([data-ui=minimal-saas]) .ui-input:hover,:where([data-ui=minimal-saas]) .ui-textarea:hover,:where([data-ui=minimal-saas]) .ui-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus,:where([data-ui=minimal-saas]) .ui-input:focus,:where([data-ui=minimal-saas]) .ui-textarea:focus,:where([data-ui=minimal-saas]) .ui-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text,:where([data-ui=minimal-saas]) .ui-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio,:where([data-ui=minimal-saas]) .ui-check,:where([data-ui=minimal-saas]) .ui-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input,:where([data-ui=minimal-saas]) .ui-check input,:where([data-ui=minimal-saas]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check-control,:where([data-ui=minimal-saas]) .ui-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control,:where([data-ui=minimal-saas]) .ui-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control,:where([data-ui=minimal-saas]) .ui-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch,:where([data-ui=minimal-saas]) .ui-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input,:where([data-ui=minimal-saas]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field,:where([data-ui=bento]) .ui-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label,:where([data-ui=bento]) .ui-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select,:where([data-ui=bento]) .ui-input,:where([data-ui=bento]) .ui-textarea,:where([data-ui=bento]) .ui-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea,:where([data-ui=bento]) .ui-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder,:where([data-ui=bento]) .ui-input::placeholder,:where([data-ui=bento]) .ui-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover,:where([data-ui=bento]) .ui-input:hover,:where([data-ui=bento]) .ui-textarea:hover,:where([data-ui=bento]) .ui-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus,:where([data-ui=bento]) .ui-input:focus,:where([data-ui=bento]) .ui-textarea:focus,:where([data-ui=bento]) .ui-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text,:where([data-ui=bento]) .ui-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio,:where([data-ui=bento]) .ui-check,:where([data-ui=bento]) .ui-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input,:where([data-ui=bento]) .ui-check input,:where([data-ui=bento]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control,:where([data-ui=bento]) .ui-check-control,:where([data-ui=bento]) .ui-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control,:where([data-ui=bento]) .ui-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control,:where([data-ui=bento]) .ui-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch,:where([data-ui=bento]) .ui-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input,:where([data-ui=bento]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track,:where([data-ui=bento]) .ui-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb,:where([data-ui=bento]) .ui-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field,:where([data-ui=maximalist]) .ui-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label,:where([data-ui=maximalist]) .ui-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select,:where([data-ui=maximalist]) .ui-input,:where([data-ui=maximalist]) .ui-textarea,:where([data-ui=maximalist]) .ui-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea,:where([data-ui=maximalist]) .ui-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder,:where([data-ui=maximalist]) .ui-input::placeholder,:where([data-ui=maximalist]) .ui-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover,:where([data-ui=maximalist]) .ui-input:hover,:where([data-ui=maximalist]) .ui-textarea:hover,:where([data-ui=maximalist]) .ui-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus,:where([data-ui=maximalist]) .ui-input:focus,:where([data-ui=maximalist]) .ui-textarea:focus,:where([data-ui=maximalist]) .ui-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text,:where([data-ui=maximalist]) .ui-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio,:where([data-ui=maximalist]) .ui-check,:where([data-ui=maximalist]) .ui-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input,:where([data-ui=maximalist]) .ui-check input,:where([data-ui=maximalist]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control,:where([data-ui=maximalist]) .ui-check-control,:where([data-ui=maximalist]) .ui-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control,:where([data-ui=maximalist]) .ui-check-control{border-radius:var(--max-radius-xs)}.max-radio-control,:where([data-ui=maximalist]) .ui-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch,:where([data-ui=maximalist]) .ui-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input,:where([data-ui=maximalist]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track,:where([data-ui=maximalist]) .ui-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb,:where([data-ui=maximalist]) .ui-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field,:where([data-ui=bauhaus]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui=bauhaus]) .ui-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select,:where([data-ui=bauhaus]) .ui-input,:where([data-ui=bauhaus]) .ui-textarea,:where([data-ui=bauhaus]) .ui-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea,:where([data-ui=bauhaus]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui=bauhaus]) .ui-input::placeholder,:where([data-ui=bauhaus]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui=bauhaus]) .ui-input:hover,:where([data-ui=bauhaus]) .ui-textarea:hover,:where([data-ui=bauhaus]) .ui-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui=bauhaus]) .ui-input:focus,:where([data-ui=bauhaus]) .ui-textarea:focus,:where([data-ui=bauhaus]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text,:where([data-ui=bauhaus]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui=bauhaus]) .ui-check,:where([data-ui=bauhaus]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui=bauhaus]) .ui-check input,:where([data-ui=bauhaus]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui=bauhaus]) .ui-check-control,:where([data-ui=bauhaus]) .ui-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control,:where([data-ui=bauhaus]) .ui-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control,:where([data-ui=bauhaus]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui=bauhaus]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui=bauhaus]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field,:where([data-ui=tactile]) .ui-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label,:where([data-ui=tactile]) .ui-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select,:where([data-ui=tactile]) .ui-input,:where([data-ui=tactile]) .ui-textarea,:where([data-ui=tactile]) .ui-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea,:where([data-ui=tactile]) .ui-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder,:where([data-ui=tactile]) .ui-input::placeholder,:where([data-ui=tactile]) .ui-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover,:where([data-ui=tactile]) .ui-input:hover,:where([data-ui=tactile]) .ui-textarea:hover,:where([data-ui=tactile]) .ui-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus,:where([data-ui=tactile]) .ui-input:focus,:where([data-ui=tactile]) .ui-textarea:focus,:where([data-ui=tactile]) .ui-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text,:where([data-ui=tactile]) .ui-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio,:where([data-ui=tactile]) .ui-check,:where([data-ui=tactile]) .ui-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input,:where([data-ui=tactile]) .ui-check input,:where([data-ui=tactile]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control,:where([data-ui=tactile]) .ui-check-control,:where([data-ui=tactile]) .ui-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control,:where([data-ui=tactile]) .ui-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control,:where([data-ui=tactile]) .ui-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch,:where([data-ui=tactile]) .ui-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input,:where([data-ui=tactile]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track,:where([data-ui=tactile]) .ui-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field,:where([data-ui=neumorphism]) .ui-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label,:where([data-ui=neumorphism]) .ui-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea,:where([data-ui=neumorphism]) .ui-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder,:where([data-ui=neumorphism]) .ui-input::placeholder,:where([data-ui=neumorphism]) .ui-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover,:where([data-ui=neumorphism]) .ui-input:hover,:where([data-ui=neumorphism]) .ui-textarea:hover,:where([data-ui=neumorphism]) .ui-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus,:where([data-ui=neumorphism]) .ui-input:focus,:where([data-ui=neumorphism]) .ui-textarea:focus,:where([data-ui=neumorphism]) .ui-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text,:where([data-ui=neumorphism]) .ui-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio,:where([data-ui=neumorphism]) .ui-check,:where([data-ui=neumorphism]) .ui-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input,:where([data-ui=neumorphism]) .ui-check input,:where([data-ui=neumorphism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control,:where([data-ui=neumorphism]) .ui-check-control,:where([data-ui=neumorphism]) .ui-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control,:where([data-ui=neumorphism]) .ui-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control,:where([data-ui=neumorphism]) .ui-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch,:where([data-ui=neumorphism]) .ui-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input,:where([data-ui=neumorphism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field,:where([data-ui=retrofuturism]) .ui-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label,:where([data-ui=retrofuturism]) .ui-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select,:where([data-ui=retrofuturism]) .ui-input,:where([data-ui=retrofuturism]) .ui-textarea,:where([data-ui=retrofuturism]) .ui-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea,:where([data-ui=retrofuturism]) .ui-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder,:where([data-ui=retrofuturism]) .ui-input::placeholder,:where([data-ui=retrofuturism]) .ui-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover,:where([data-ui=retrofuturism]) .ui-input:hover,:where([data-ui=retrofuturism]) .ui-textarea:hover,:where([data-ui=retrofuturism]) .ui-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus,:where([data-ui=retrofuturism]) .ui-input:focus,:where([data-ui=retrofuturism]) .ui-textarea:focus,:where([data-ui=retrofuturism]) .ui-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text,:where([data-ui=retrofuturism]) .ui-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio,:where([data-ui=retrofuturism]) .ui-check,:where([data-ui=retrofuturism]) .ui-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input,:where([data-ui=retrofuturism]) .ui-check input,:where([data-ui=retrofuturism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check-control,:where([data-ui=retrofuturism]) .ui-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control,:where([data-ui=retrofuturism]) .ui-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control,:where([data-ui=retrofuturism]) .ui-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch,:where([data-ui=retrofuturism]) .ui-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input,:where([data-ui=retrofuturism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field,:where([data-ui=brutalism]) .ui-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label,:where([data-ui=brutalism]) .ui-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select,:where([data-ui=brutalism]) .ui-input,:where([data-ui=brutalism]) .ui-textarea,:where([data-ui=brutalism]) .ui-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea,:where([data-ui=brutalism]) .ui-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus,:where([data-ui=brutalism]) .ui-input:focus,:where([data-ui=brutalism]) .ui-textarea:focus,:where([data-ui=brutalism]) .ui-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text,:where([data-ui=brutalism]) .ui-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field,:where([data-ui=cyberpunk]) .ui-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label,:where([data-ui=cyberpunk]) .ui-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select,:where([data-ui=cyberpunk]) .ui-input,:where([data-ui=cyberpunk]) .ui-textarea,:where([data-ui=cyberpunk]) .ui-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea,:where([data-ui=cyberpunk]) .ui-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus,:where([data-ui=cyberpunk]) .ui-input:focus,:where([data-ui=cyberpunk]) .ui-textarea:focus,:where([data-ui=cyberpunk]) .ui-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text,:where([data-ui=cyberpunk]) .ui-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible,:where([data-ui=cyberpunk]) .ui-input:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field,:where([data-ui=y2k]) .ui-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label,:where([data-ui=y2k]) .ui-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select,:where([data-ui=y2k]) .ui-input,:where([data-ui=y2k]) .ui-textarea,:where([data-ui=y2k]) .ui-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea,:where([data-ui=y2k]) .ui-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus,:where([data-ui=y2k]) .ui-input:focus,:where([data-ui=y2k]) .ui-textarea:focus,:where([data-ui=y2k]) .ui-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text,:where([data-ui=y2k]) .ui-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field,:where([data-ui=retro-glass]) .ui-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label,:where([data-ui=retro-glass]) .ui-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select,:where([data-ui=retro-glass]) .ui-input,:where([data-ui=retro-glass]) .ui-textarea,:where([data-ui=retro-glass]) .ui-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea,:where([data-ui=retro-glass]) .ui-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus,:where([data-ui=retro-glass]) .ui-input:focus,:where([data-ui=retro-glass]) .ui-textarea:focus,:where([data-ui=retro-glass]) .ui-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text,:where([data-ui=retro-glass]) .ui-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout; \ No newline at end of file diff --git a/dist/ui-style-kit.with-bridge.css b/dist/ui-style-kit.with-bridge.css index cf71e32..f55e1d2 100644 --- a/dist/ui-style-kit.with-bridge.css +++ b/dist/ui-style-kit.with-bridge.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-check, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-radio, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-check-control, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="minimal-saas"], [data-ui="bento"], [data-ui="maximalist"], [data-ui="bauhaus"], [data-ui="tactile"], [data-ui="neumorphism"], [data-ui="retrofuturism"], [data-ui="brutalism"], [data-ui="cyberpunk"], [data-ui="y2k"], [data-ui="retro-glass"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2399,19 +2399,19 @@ font-family: var(--saas-font-control); } - .saas-field { + .saas-field, :where([data-ui="minimal-saas"]) .ui-field { gap: var(--saas-space-2); flex-direction: column; display: flex; } - .saas-label { + .saas-label, :where([data-ui="minimal-saas"]) .ui-label { color: var(--saas-text); font-size: .925rem; font-weight: 800; } - .saas-input, .saas-textarea, .saas-select { + .saas-input, .saas-textarea, .saas-select, :where([data-ui="minimal-saas"]) .ui-input, :where([data-ui="minimal-saas"]) .ui-textarea, :where([data-ui="minimal-saas"]) .ui-select { background: var(--saas-surface-soft); width: 100%; min-height: 2.875rem; @@ -2424,32 +2424,32 @@ padding: .75rem 1rem; } - .saas-textarea { + .saas-textarea, :where([data-ui="minimal-saas"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .saas-input::placeholder, .saas-textarea::placeholder { + .saas-input::placeholder, .saas-textarea::placeholder, :where([data-ui="minimal-saas"]) .ui-input::placeholder, :where([data-ui="minimal-saas"]) .ui-textarea::placeholder { color: var(--saas-text-muted); opacity: .82; } - .saas-input:hover, .saas-textarea:hover, .saas-select:hover { + .saas-input:hover, .saas-textarea:hover, .saas-select:hover, :where([data-ui="minimal-saas"]) .ui-input:hover, :where([data-ui="minimal-saas"]) .ui-textarea:hover, :where([data-ui="minimal-saas"]) .ui-select:hover { border-color: rgb(var(--saas-primary-rgb)/.58); } - .saas-input:focus, .saas-textarea:focus, .saas-select:focus { + .saas-input:focus, .saas-textarea:focus, .saas-select:focus, :where([data-ui="minimal-saas"]) .ui-input:focus, :where([data-ui="minimal-saas"]) .ui-textarea:focus, :where([data-ui="minimal-saas"]) .ui-select:focus { border-color: var(--saas-focus); box-shadow: var(--saas-focus-ring); } - .saas-help-text { + .saas-help-text, :where([data-ui="minimal-saas"]) .ui-help-text { color: var(--saas-text-muted); font-size: .875rem; line-height: 1.45; } - .saas-check, .saas-radio { + .saas-check, .saas-radio, :where([data-ui="minimal-saas"]) .ui-check, :where([data-ui="minimal-saas"]) .ui-radio { align-items: center; gap: var(--saas-space-2); color: var(--saas-text); @@ -2457,13 +2457,13 @@ display: inline-flex; } - .saas-check input, .saas-radio input { + .saas-check input, .saas-radio input, :where([data-ui="minimal-saas"]) .ui-check input, :where([data-ui="minimal-saas"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .saas-check-control, .saas-radio-control { + .saas-check-control, .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio-control { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); width: 1.35rem; @@ -2473,28 +2473,28 @@ display: inline-grid; } - .saas-check-control { + .saas-check-control, :where([data-ui="minimal-saas"]) .ui-check-control { border-radius: var(--saas-radius-xs); } - .saas-radio-control { + .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-radio-control { border-radius: 50%; } - .saas-check input:checked + .saas-check-control, .saas-radio input:checked + .saas-radio-control { + .saas-check input:checked + .saas-check-control, .saas-radio input:checked + .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-check input:checked+.ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio input:checked+.ui-radio-control { background: var(--saas-primary); border-color: var(--saas-primary); box-shadow: var(--saas-focus-ring); } - .saas-check input:checked + .saas-check-control:after { + .saas-check input:checked + .saas-check-control:after, :where([data-ui="minimal-saas"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--saas-on-primary); font-size: .9rem; font-weight: 900; } - .saas-radio input:checked + .saas-radio-control:after { + .saas-radio input:checked + .saas-radio-control:after, :where([data-ui="minimal-saas"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--saas-on-primary); border-radius: 50%; @@ -2502,7 +2502,7 @@ height: .55rem; } - .saas-switch { + .saas-switch, :where([data-ui="minimal-saas"]) .ui-switch { align-items: center; gap: var(--saas-space-3); color: var(--saas-text); @@ -2510,13 +2510,13 @@ display: inline-flex; } - .saas-switch input { + .saas-switch input, :where([data-ui="minimal-saas"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .saas-switch-track { + .saas-switch-track, :where([data-ui="minimal-saas"]) .ui-switch-track { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); border-radius: var(--saas-radius-pill); @@ -2526,7 +2526,7 @@ position: relative; } - .saas-switch-thumb { + .saas-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch-thumb { background: var(--saas-surface-strong); border: 1px solid var(--saas-border); width: 1.34rem; @@ -2539,12 +2539,12 @@ left: .22rem; } - .saas-switch input:checked + .saas-switch-track { + .saas-switch input:checked + .saas-switch-track, :where([data-ui="minimal-saas"]) .ui-switch input:checked+.ui-switch-track { background: var(--saas-primary); border-color: var(--saas-primary); } - .saas-switch input:checked + .saas-switch-track .saas-switch-thumb { + .saas-switch input:checked + .saas-switch-track .saas-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--saas-on-primary); left: calc(100% - 1.56rem); } @@ -3295,19 +3295,19 @@ font-family: var(--bento-font-control); } - .bento-field { + .bento-field, :where([data-ui="bento"]) .ui-field { gap: var(--bento-space-2); flex-direction: column; display: flex; } - .bento-label { + .bento-label, :where([data-ui="bento"]) .ui-label { color: var(--bento-text); font-size: .925rem; font-weight: 800; } - .bento-input, .bento-textarea, .bento-select { + .bento-input, .bento-textarea, .bento-select, :where([data-ui="bento"]) .ui-input, :where([data-ui="bento"]) .ui-textarea, :where([data-ui="bento"]) .ui-select { background: var(--bento-surface-soft); width: 100%; min-height: 2.875rem; @@ -3320,32 +3320,32 @@ padding: .75rem 1rem; } - .bento-textarea { + .bento-textarea, :where([data-ui="bento"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .bento-input::placeholder, .bento-textarea::placeholder { + .bento-input::placeholder, .bento-textarea::placeholder, :where([data-ui="bento"]) .ui-input::placeholder, :where([data-ui="bento"]) .ui-textarea::placeholder { color: var(--bento-text-muted); opacity: .82; } - .bento-input:hover, .bento-textarea:hover, .bento-select:hover { + .bento-input:hover, .bento-textarea:hover, .bento-select:hover, :where([data-ui="bento"]) .ui-input:hover, :where([data-ui="bento"]) .ui-textarea:hover, :where([data-ui="bento"]) .ui-select:hover { border-color: rgb(var(--bento-primary-rgb)/.58); } - .bento-input:focus, .bento-textarea:focus, .bento-select:focus { + .bento-input:focus, .bento-textarea:focus, .bento-select:focus, :where([data-ui="bento"]) .ui-input:focus, :where([data-ui="bento"]) .ui-textarea:focus, :where([data-ui="bento"]) .ui-select:focus { border-color: var(--bento-focus); box-shadow: var(--bento-focus-ring); } - .bento-help-text { + .bento-help-text, :where([data-ui="bento"]) .ui-help-text { color: var(--bento-text-muted); font-size: .875rem; line-height: 1.45; } - .bento-check, .bento-radio { + .bento-check, .bento-radio, :where([data-ui="bento"]) .ui-check, :where([data-ui="bento"]) .ui-radio { align-items: center; gap: var(--bento-space-2); color: var(--bento-text); @@ -3353,13 +3353,13 @@ display: inline-flex; } - .bento-check input, .bento-radio input { + .bento-check input, .bento-radio input, :where([data-ui="bento"]) .ui-check input, :where([data-ui="bento"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .bento-check-control, .bento-radio-control { + .bento-check-control, .bento-radio-control, :where([data-ui="bento"]) .ui-check-control, :where([data-ui="bento"]) .ui-radio-control { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); width: 1.35rem; @@ -3369,28 +3369,28 @@ display: inline-grid; } - .bento-check-control { + .bento-check-control, :where([data-ui="bento"]) .ui-check-control { border-radius: var(--bento-radius-xs); } - .bento-radio-control { + .bento-radio-control, :where([data-ui="bento"]) .ui-radio-control { border-radius: 50%; } - .bento-check input:checked + .bento-check-control, .bento-radio input:checked + .bento-radio-control { + .bento-check input:checked + .bento-check-control, .bento-radio input:checked + .bento-radio-control, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control { background: var(--bento-primary); border-color: var(--bento-primary); box-shadow: var(--bento-focus-ring); } - .bento-check input:checked + .bento-check-control:after { + .bento-check input:checked + .bento-check-control:after, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--bento-on-primary); font-size: .9rem; font-weight: 900; } - .bento-radio input:checked + .bento-radio-control:after { + .bento-radio input:checked + .bento-radio-control:after, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--bento-on-primary); border-radius: 50%; @@ -3398,7 +3398,7 @@ height: .55rem; } - .bento-switch { + .bento-switch, :where([data-ui="bento"]) .ui-switch { align-items: center; gap: var(--bento-space-3); color: var(--bento-text); @@ -3406,13 +3406,13 @@ display: inline-flex; } - .bento-switch input { + .bento-switch input, :where([data-ui="bento"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .bento-switch-track { + .bento-switch-track, :where([data-ui="bento"]) .ui-switch-track { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); border-radius: var(--bento-radius-pill); @@ -3422,7 +3422,7 @@ position: relative; } - .bento-switch-thumb { + .bento-switch-thumb, :where([data-ui="bento"]) .ui-switch-thumb { background: var(--bento-surface-strong); border: 1px solid var(--bento-border); width: 1.34rem; @@ -3435,12 +3435,12 @@ left: .22rem; } - .bento-switch input:checked + .bento-switch-track { + .bento-switch input:checked + .bento-switch-track, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track { background: var(--bento-primary); border-color: var(--bento-primary); } - .bento-switch input:checked + .bento-switch-track .bento-switch-thumb { + .bento-switch input:checked + .bento-switch-track .bento-switch-thumb, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--bento-on-primary); left: calc(100% - 1.56rem); } @@ -4213,19 +4213,19 @@ font-family: var(--max-font-control); } - .max-field { + .max-field, :where([data-ui="maximalist"]) .ui-field { gap: var(--max-space-2); flex-direction: column; display: flex; } - .max-label { + .max-label, :where([data-ui="maximalist"]) .ui-label { color: var(--max-text); font-size: .925rem; font-weight: 800; } - .max-input, .max-textarea, .max-select { + .max-input, .max-textarea, .max-select, :where([data-ui="maximalist"]) .ui-input, :where([data-ui="maximalist"]) .ui-textarea, :where([data-ui="maximalist"]) .ui-select { background: var(--max-surface-soft); width: 100%; min-height: 2.875rem; @@ -4238,32 +4238,32 @@ padding: .75rem 1rem; } - .max-textarea { + .max-textarea, :where([data-ui="maximalist"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .max-input::placeholder, .max-textarea::placeholder { + .max-input::placeholder, .max-textarea::placeholder, :where([data-ui="maximalist"]) .ui-input::placeholder, :where([data-ui="maximalist"]) .ui-textarea::placeholder { color: var(--max-text-muted); opacity: .82; } - .max-input:hover, .max-textarea:hover, .max-select:hover { + .max-input:hover, .max-textarea:hover, .max-select:hover, :where([data-ui="maximalist"]) .ui-input:hover, :where([data-ui="maximalist"]) .ui-textarea:hover, :where([data-ui="maximalist"]) .ui-select:hover { border-color: rgb(var(--max-primary-rgb)/.58); } - .max-input:focus, .max-textarea:focus, .max-select:focus { + .max-input:focus, .max-textarea:focus, .max-select:focus, :where([data-ui="maximalist"]) .ui-input:focus, :where([data-ui="maximalist"]) .ui-textarea:focus, :where([data-ui="maximalist"]) .ui-select:focus { border-color: var(--max-focus); box-shadow: var(--max-focus-ring); } - .max-help-text { + .max-help-text, :where([data-ui="maximalist"]) .ui-help-text { color: var(--max-text-muted); font-size: .875rem; line-height: 1.45; } - .max-check, .max-radio { + .max-check, .max-radio, :where([data-ui="maximalist"]) .ui-check, :where([data-ui="maximalist"]) .ui-radio { align-items: center; gap: var(--max-space-2); color: var(--max-text); @@ -4271,13 +4271,13 @@ display: inline-flex; } - .max-check input, .max-radio input { + .max-check input, .max-radio input, :where([data-ui="maximalist"]) .ui-check input, :where([data-ui="maximalist"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .max-check-control, .max-radio-control { + .max-check-control, .max-radio-control, :where([data-ui="maximalist"]) .ui-check-control, :where([data-ui="maximalist"]) .ui-radio-control { background: var(--max-surface-soft); border: 3px solid var(--max-border); width: 1.35rem; @@ -4287,28 +4287,28 @@ display: inline-grid; } - .max-check-control { + .max-check-control, :where([data-ui="maximalist"]) .ui-check-control { border-radius: var(--max-radius-xs); } - .max-radio-control { + .max-radio-control, :where([data-ui="maximalist"]) .ui-radio-control { border-radius: 50%; } - .max-check input:checked + .max-check-control, .max-radio input:checked + .max-radio-control { + .max-check input:checked + .max-check-control, .max-radio input:checked + .max-radio-control, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control { background: var(--max-primary); border-color: var(--max-primary); box-shadow: var(--max-focus-ring); } - .max-check input:checked + .max-check-control:after { + .max-check input:checked + .max-check-control:after, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--max-on-primary); font-size: .9rem; font-weight: 900; } - .max-radio input:checked + .max-radio-control:after { + .max-radio input:checked + .max-radio-control:after, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--max-on-primary); border-radius: 50%; @@ -4316,7 +4316,7 @@ height: .55rem; } - .max-switch { + .max-switch, :where([data-ui="maximalist"]) .ui-switch { align-items: center; gap: var(--max-space-3); color: var(--max-text); @@ -4324,13 +4324,13 @@ display: inline-flex; } - .max-switch input { + .max-switch input, :where([data-ui="maximalist"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .max-switch-track { + .max-switch-track, :where([data-ui="maximalist"]) .ui-switch-track { background: var(--max-surface-soft); border: 3px solid var(--max-border); border-radius: var(--max-radius-pill); @@ -4340,7 +4340,7 @@ position: relative; } - .max-switch-thumb { + .max-switch-thumb, :where([data-ui="maximalist"]) .ui-switch-thumb { background: var(--max-surface-strong); border: 3px solid var(--max-border); width: 1.34rem; @@ -4353,12 +4353,12 @@ left: .22rem; } - .max-switch input:checked + .max-switch-track { + .max-switch input:checked + .max-switch-track, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track { background: var(--max-primary); border-color: var(--max-primary); } - .max-switch input:checked + .max-switch-track .max-switch-thumb { + .max-switch input:checked + .max-switch-track .max-switch-thumb, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--max-on-primary); left: calc(100% - 1.56rem); } @@ -5119,19 +5119,19 @@ font-family: var(--bau-font-control); } - .bau-field { + .bau-field, :where([data-ui="bauhaus"]) .ui-field { gap: var(--bau-space-2); flex-direction: column; display: flex; } - .bau-label { + .bau-label, :where([data-ui="bauhaus"]) .ui-label { color: var(--bau-text); font-size: .925rem; font-weight: 800; } - .bau-input, .bau-textarea, .bau-select { + .bau-input, .bau-textarea, .bau-select, :where([data-ui="bauhaus"]) .ui-input, :where([data-ui="bauhaus"]) .ui-textarea, :where([data-ui="bauhaus"]) .ui-select { background: var(--bau-surface-soft); width: 100%; min-height: 2.875rem; @@ -5144,32 +5144,32 @@ padding: .75rem 1rem; } - .bau-textarea { + .bau-textarea, :where([data-ui="bauhaus"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .bau-input::placeholder, .bau-textarea::placeholder { + .bau-input::placeholder, .bau-textarea::placeholder, :where([data-ui="bauhaus"]) .ui-input::placeholder, :where([data-ui="bauhaus"]) .ui-textarea::placeholder { color: var(--bau-text-muted); opacity: .82; } - .bau-input:hover, .bau-textarea:hover, .bau-select:hover { + .bau-input:hover, .bau-textarea:hover, .bau-select:hover, :where([data-ui="bauhaus"]) .ui-input:hover, :where([data-ui="bauhaus"]) .ui-textarea:hover, :where([data-ui="bauhaus"]) .ui-select:hover { border-color: rgb(var(--bau-primary-rgb)/.58); } - .bau-input:focus, .bau-textarea:focus, .bau-select:focus { + .bau-input:focus, .bau-textarea:focus, .bau-select:focus, :where([data-ui="bauhaus"]) .ui-input:focus, :where([data-ui="bauhaus"]) .ui-textarea:focus, :where([data-ui="bauhaus"]) .ui-select:focus { border-color: var(--bau-focus); box-shadow: var(--bau-focus-ring); } - .bau-help-text { + .bau-help-text, :where([data-ui="bauhaus"]) .ui-help-text { color: var(--bau-text-muted); font-size: .875rem; line-height: 1.45; } - .bau-check, .bau-radio { + .bau-check, .bau-radio, :where([data-ui="bauhaus"]) .ui-check, :where([data-ui="bauhaus"]) .ui-radio { align-items: center; gap: var(--bau-space-2); color: var(--bau-text); @@ -5177,13 +5177,13 @@ display: inline-flex; } - .bau-check input, .bau-radio input { + .bau-check input, .bau-radio input, :where([data-ui="bauhaus"]) .ui-check input, :where([data-ui="bauhaus"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .bau-check-control, .bau-radio-control { + .bau-check-control, .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); width: 1.35rem; @@ -5193,28 +5193,28 @@ display: inline-grid; } - .bau-check-control { + .bau-check-control, :where([data-ui="bauhaus"]) .ui-check-control { border-radius: var(--bau-radius-xs); } - .bau-radio-control { + .bau-radio-control, :where([data-ui="bauhaus"]) .ui-radio-control { border-radius: 50%; } - .bau-check input:checked + .bau-check-control, .bau-radio input:checked + .bau-radio-control { + .bau-check input:checked + .bau-check-control, .bau-radio input:checked + .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control { background: var(--bau-primary); border-color: var(--bau-primary); box-shadow: var(--bau-focus-ring); } - .bau-check input:checked + .bau-check-control:after { + .bau-check input:checked + .bau-check-control:after, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--bau-on-primary); font-size: .9rem; font-weight: 900; } - .bau-radio input:checked + .bau-radio-control:after { + .bau-radio input:checked + .bau-radio-control:after, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--bau-on-primary); border-radius: 50%; @@ -5222,7 +5222,7 @@ height: .55rem; } - .bau-switch { + .bau-switch, :where([data-ui="bauhaus"]) .ui-switch { align-items: center; gap: var(--bau-space-3); color: var(--bau-text); @@ -5230,13 +5230,13 @@ display: inline-flex; } - .bau-switch input { + .bau-switch input, :where([data-ui="bauhaus"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .bau-switch-track { + .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch-track { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); border-radius: var(--bau-radius-pill); @@ -5246,7 +5246,7 @@ position: relative; } - .bau-switch-thumb { + .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch-thumb { background: var(--bau-surface-strong); border: 2px solid var(--bau-border); width: 1.34rem; @@ -5259,12 +5259,12 @@ left: .22rem; } - .bau-switch input:checked + .bau-switch-track { + .bau-switch input:checked + .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track { background: var(--bau-primary); border-color: var(--bau-primary); } - .bau-switch input:checked + .bau-switch-track .bau-switch-thumb { + .bau-switch input:checked + .bau-switch-track .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--bau-on-primary); left: calc(100% - 1.56rem); } @@ -6015,19 +6015,19 @@ font-family: var(--tactile-font-control); } - .tactile-field { + .tactile-field, :where([data-ui="tactile"]) .ui-field { gap: var(--tactile-space-2); flex-direction: column; display: flex; } - .tactile-label { + .tactile-label, :where([data-ui="tactile"]) .ui-label { color: var(--tactile-text); font-size: .925rem; font-weight: 800; } - .tactile-input, .tactile-textarea, .tactile-select { + .tactile-input, .tactile-textarea, .tactile-select, :where([data-ui="tactile"]) .ui-input, :where([data-ui="tactile"]) .ui-textarea, :where([data-ui="tactile"]) .ui-select { background: var(--tactile-surface-soft); width: 100%; min-height: 2.875rem; @@ -6040,32 +6040,32 @@ padding: .75rem 1rem; } - .tactile-textarea { + .tactile-textarea, :where([data-ui="tactile"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .tactile-input::placeholder, .tactile-textarea::placeholder { + .tactile-input::placeholder, .tactile-textarea::placeholder, :where([data-ui="tactile"]) .ui-input::placeholder, :where([data-ui="tactile"]) .ui-textarea::placeholder { color: var(--tactile-text-muted); opacity: .82; } - .tactile-input:hover, .tactile-textarea:hover, .tactile-select:hover { + .tactile-input:hover, .tactile-textarea:hover, .tactile-select:hover, :where([data-ui="tactile"]) .ui-input:hover, :where([data-ui="tactile"]) .ui-textarea:hover, :where([data-ui="tactile"]) .ui-select:hover { border-color: rgb(var(--tactile-primary-rgb)/.58); } - .tactile-input:focus, .tactile-textarea:focus, .tactile-select:focus { + .tactile-input:focus, .tactile-textarea:focus, .tactile-select:focus, :where([data-ui="tactile"]) .ui-input:focus, :where([data-ui="tactile"]) .ui-textarea:focus, :where([data-ui="tactile"]) .ui-select:focus { border-color: var(--tactile-focus); box-shadow: var(--tactile-focus-ring); } - .tactile-help-text { + .tactile-help-text, :where([data-ui="tactile"]) .ui-help-text { color: var(--tactile-text-muted); font-size: .875rem; line-height: 1.45; } - .tactile-check, .tactile-radio { + .tactile-check, .tactile-radio, :where([data-ui="tactile"]) .ui-check, :where([data-ui="tactile"]) .ui-radio { align-items: center; gap: var(--tactile-space-2); color: var(--tactile-text); @@ -6073,13 +6073,13 @@ display: inline-flex; } - .tactile-check input, .tactile-radio input { + .tactile-check input, .tactile-radio input, :where([data-ui="tactile"]) .ui-check input, :where([data-ui="tactile"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .tactile-check-control, .tactile-radio-control { + .tactile-check-control, .tactile-radio-control, :where([data-ui="tactile"]) .ui-check-control, :where([data-ui="tactile"]) .ui-radio-control { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); width: 1.35rem; @@ -6089,28 +6089,28 @@ display: inline-grid; } - .tactile-check-control { + .tactile-check-control, :where([data-ui="tactile"]) .ui-check-control { border-radius: var(--tactile-radius-xs); } - .tactile-radio-control { + .tactile-radio-control, :where([data-ui="tactile"]) .ui-radio-control { border-radius: 50%; } - .tactile-check input:checked + .tactile-check-control, .tactile-radio input:checked + .tactile-radio-control { + .tactile-check input:checked + .tactile-check-control, .tactile-radio input:checked + .tactile-radio-control, :where([data-ui="tactile"]) .ui-check input:checked+.ui-check-control, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control { background: var(--tactile-primary); border-color: var(--tactile-primary); box-shadow: var(--tactile-focus-ring); } - .tactile-check input:checked + .tactile-check-control:after { + .tactile-check input:checked + .tactile-check-control:after, :where([data-ui="tactile"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--tactile-on-primary); font-size: .9rem; font-weight: 900; } - .tactile-radio input:checked + .tactile-radio-control:after { + .tactile-radio input:checked + .tactile-radio-control:after, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--tactile-on-primary); border-radius: 50%; @@ -6118,7 +6118,7 @@ height: .55rem; } - .tactile-switch { + .tactile-switch, :where([data-ui="tactile"]) .ui-switch { align-items: center; gap: var(--tactile-space-3); color: var(--tactile-text); @@ -6126,13 +6126,13 @@ display: inline-flex; } - .tactile-switch input { + .tactile-switch input, :where([data-ui="tactile"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .tactile-switch-track { + .tactile-switch-track, :where([data-ui="tactile"]) .ui-switch-track { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); border-radius: var(--tactile-radius-pill); @@ -6142,7 +6142,7 @@ position: relative; } - .tactile-switch-thumb { + .tactile-switch-thumb, :where([data-ui="tactile"]) .ui-switch-thumb { background: var(--tactile-surface-strong); border: 1px solid var(--tactile-border); width: 1.34rem; @@ -6155,12 +6155,12 @@ left: .22rem; } - .tactile-switch input:checked + .tactile-switch-track { + .tactile-switch input:checked + .tactile-switch-track, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track { background: var(--tactile-primary); border-color: var(--tactile-primary); } - .tactile-switch input:checked + .tactile-switch-track .tactile-switch-thumb { + .tactile-switch input:checked + .tactile-switch-track .tactile-switch-thumb, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--tactile-on-primary); left: calc(100% - 1.56rem); } @@ -6898,19 +6898,19 @@ font-family: var(--neo-font-control); } - .neo-field { + .neo-field, :where([data-ui="neumorphism"]) .ui-field { gap: var(--neo-space-2); flex-direction: column; display: flex; } - .neo-label { + .neo-label, :where([data-ui="neumorphism"]) .ui-label { color: var(--neo-text); font-size: .925rem; font-weight: 800; } - .neo-input, .neo-textarea, .neo-select { + .neo-input, .neo-textarea, .neo-select, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { background: var(--neo-surface-soft); width: 100%; min-height: 2.875rem; @@ -6923,32 +6923,32 @@ padding: .75rem 1rem; } - .neo-textarea { + .neo-textarea, :where([data-ui="neumorphism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .neo-input::placeholder, .neo-textarea::placeholder { + .neo-input::placeholder, .neo-textarea::placeholder, :where([data-ui="neumorphism"]) .ui-input::placeholder, :where([data-ui="neumorphism"]) .ui-textarea::placeholder { color: var(--neo-text-muted); opacity: .82; } - .neo-input:hover, .neo-textarea:hover, .neo-select:hover { + .neo-input:hover, .neo-textarea:hover, .neo-select:hover, :where([data-ui="neumorphism"]) .ui-input:hover, :where([data-ui="neumorphism"]) .ui-textarea:hover, :where([data-ui="neumorphism"]) .ui-select:hover { border-color: rgb(var(--neo-primary-rgb)/.58); } - .neo-input:focus, .neo-textarea:focus, .neo-select:focus { + .neo-input:focus, .neo-textarea:focus, .neo-select:focus, :where([data-ui="neumorphism"]) .ui-input:focus, :where([data-ui="neumorphism"]) .ui-textarea:focus, :where([data-ui="neumorphism"]) .ui-select:focus { border-color: var(--neo-focus); box-shadow: var(--neo-focus-ring); } - .neo-help-text { + .neo-help-text, :where([data-ui="neumorphism"]) .ui-help-text { color: var(--neo-text-muted); font-size: .875rem; line-height: 1.45; } - .neo-check, .neo-radio { + .neo-check, .neo-radio, :where([data-ui="neumorphism"]) .ui-check, :where([data-ui="neumorphism"]) .ui-radio { align-items: center; gap: var(--neo-space-2); color: var(--neo-text); @@ -6956,13 +6956,13 @@ display: inline-flex; } - .neo-check input, .neo-radio input { + .neo-check input, .neo-radio input, :where([data-ui="neumorphism"]) .ui-check input, :where([data-ui="neumorphism"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .neo-check-control, .neo-radio-control { + .neo-check-control, .neo-radio-control, :where([data-ui="neumorphism"]) .ui-check-control, :where([data-ui="neumorphism"]) .ui-radio-control { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); width: 1.35rem; @@ -6972,28 +6972,28 @@ display: inline-grid; } - .neo-check-control { + .neo-check-control, :where([data-ui="neumorphism"]) .ui-check-control { border-radius: var(--neo-radius-xs); } - .neo-radio-control { + .neo-radio-control, :where([data-ui="neumorphism"]) .ui-radio-control { border-radius: 50%; } - .neo-check input:checked + .neo-check-control, .neo-radio input:checked + .neo-radio-control { + .neo-check input:checked + .neo-check-control, .neo-radio input:checked + .neo-radio-control, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control, :where([data-ui="neumorphism"]) .ui-radio input:checked+.ui-radio-control { background: var(--neo-primary); border-color: var(--neo-primary); box-shadow: var(--neo-focus-ring); } - .neo-check input:checked + .neo-check-control:after { + .neo-check input:checked + .neo-check-control:after, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--neo-on-primary); font-size: .9rem; font-weight: 900; } - .neo-radio input:checked + .neo-radio-control:after { + .neo-radio input:checked + .neo-radio-control:after, :where([data-ui="neumorphism"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--neo-on-primary); border-radius: 50%; @@ -7001,7 +7001,7 @@ height: .55rem; } - .neo-switch { + .neo-switch, :where([data-ui="neumorphism"]) .ui-switch { align-items: center; gap: var(--neo-space-3); color: var(--neo-text); @@ -7009,13 +7009,13 @@ display: inline-flex; } - .neo-switch input { + .neo-switch input, :where([data-ui="neumorphism"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .neo-switch-track { + .neo-switch-track, :where([data-ui="neumorphism"]) .ui-switch-track { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); border-radius: var(--neo-radius-pill); @@ -7025,7 +7025,7 @@ position: relative; } - .neo-switch-thumb { + .neo-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch-thumb { background: var(--neo-surface-strong); border: 1px solid var(--neo-border); width: 1.34rem; @@ -7038,12 +7038,12 @@ left: .22rem; } - .neo-switch input:checked + .neo-switch-track { + .neo-switch input:checked + .neo-switch-track, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track { background: var(--neo-primary); border-color: var(--neo-primary); } - .neo-switch input:checked + .neo-switch-track .neo-switch-thumb { + .neo-switch input:checked + .neo-switch-track .neo-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--neo-on-primary); left: calc(100% - 1.56rem); } @@ -7346,7 +7346,7 @@ box-shadow: 16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light); } - .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress { + .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } @@ -7800,19 +7800,19 @@ font-family: var(--retro-font-control); } - .retro-field { + .retro-field, :where([data-ui="retrofuturism"]) .ui-field { gap: var(--retro-space-2); flex-direction: column; display: flex; } - .retro-label { + .retro-label, :where([data-ui="retrofuturism"]) .ui-label { color: var(--retro-text); font-size: .925rem; font-weight: 800; } - .retro-input, .retro-textarea, .retro-select { + .retro-input, .retro-textarea, .retro-select, :where([data-ui="retrofuturism"]) .ui-input, :where([data-ui="retrofuturism"]) .ui-textarea, :where([data-ui="retrofuturism"]) .ui-select { background: var(--retro-surface-soft); width: 100%; min-height: 2.875rem; @@ -7825,32 +7825,32 @@ padding: .75rem 1rem; } - .retro-textarea { + .retro-textarea, :where([data-ui="retrofuturism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .retro-input::placeholder, .retro-textarea::placeholder { + .retro-input::placeholder, .retro-textarea::placeholder, :where([data-ui="retrofuturism"]) .ui-input::placeholder, :where([data-ui="retrofuturism"]) .ui-textarea::placeholder { color: var(--retro-text-muted); opacity: .82; } - .retro-input:hover, .retro-textarea:hover, .retro-select:hover { + .retro-input:hover, .retro-textarea:hover, .retro-select:hover, :where([data-ui="retrofuturism"]) .ui-input:hover, :where([data-ui="retrofuturism"]) .ui-textarea:hover, :where([data-ui="retrofuturism"]) .ui-select:hover { border-color: rgb(var(--retro-primary-rgb)/.58); } - .retro-input:focus, .retro-textarea:focus, .retro-select:focus { + .retro-input:focus, .retro-textarea:focus, .retro-select:focus, :where([data-ui="retrofuturism"]) .ui-input:focus, :where([data-ui="retrofuturism"]) .ui-textarea:focus, :where([data-ui="retrofuturism"]) .ui-select:focus { border-color: var(--retro-focus); box-shadow: var(--retro-focus-ring); } - .retro-help-text { + .retro-help-text, :where([data-ui="retrofuturism"]) .ui-help-text { color: var(--retro-text-muted); font-size: .875rem; line-height: 1.45; } - .retro-check, .retro-radio { + .retro-check, .retro-radio, :where([data-ui="retrofuturism"]) .ui-check, :where([data-ui="retrofuturism"]) .ui-radio { align-items: center; gap: var(--retro-space-2); color: var(--retro-text); @@ -7858,13 +7858,13 @@ display: inline-flex; } - .retro-check input, .retro-radio input { + .retro-check input, .retro-radio input, :where([data-ui="retrofuturism"]) .ui-check input, :where([data-ui="retrofuturism"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .retro-check-control, .retro-radio-control { + .retro-check-control, .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio-control { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); width: 1.35rem; @@ -7874,28 +7874,28 @@ display: inline-grid; } - .retro-check-control { + .retro-check-control, :where([data-ui="retrofuturism"]) .ui-check-control { border-radius: var(--retro-radius-xs); } - .retro-radio-control { + .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-radio-control { border-radius: 50%; } - .retro-check input:checked + .retro-check-control, .retro-radio input:checked + .retro-radio-control { + .retro-check input:checked + .retro-check-control, .retro-radio input:checked + .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio input:checked+.ui-radio-control { background: var(--retro-primary); border-color: var(--retro-primary); box-shadow: var(--retro-focus-ring); } - .retro-check input:checked + .retro-check-control:after { + .retro-check input:checked + .retro-check-control:after, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--retro-on-primary); font-size: .9rem; font-weight: 900; } - .retro-radio input:checked + .retro-radio-control:after { + .retro-radio input:checked + .retro-radio-control:after, :where([data-ui="retrofuturism"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--retro-on-primary); border-radius: 50%; @@ -7903,7 +7903,7 @@ height: .55rem; } - .retro-switch { + .retro-switch, :where([data-ui="retrofuturism"]) .ui-switch { align-items: center; gap: var(--retro-space-3); color: var(--retro-text); @@ -7911,13 +7911,13 @@ display: inline-flex; } - .retro-switch input { + .retro-switch input, :where([data-ui="retrofuturism"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .retro-switch-track { + .retro-switch-track, :where([data-ui="retrofuturism"]) .ui-switch-track { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); border-radius: var(--retro-radius-pill); @@ -7927,7 +7927,7 @@ position: relative; } - .retro-switch-thumb { + .retro-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch-thumb { background: var(--retro-surface-strong); border: 1px solid var(--retro-border); width: 1.34rem; @@ -7940,12 +7940,12 @@ left: .22rem; } - .retro-switch input:checked + .retro-switch-track { + .retro-switch input:checked + .retro-switch-track, :where([data-ui="retrofuturism"]) .ui-switch input:checked+.ui-switch-track { background: var(--retro-primary); border-color: var(--retro-primary); } - .retro-switch input:checked + .retro-switch-track .retro-switch-thumb { + .retro-switch input:checked + .retro-switch-track .retro-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--retro-on-primary); left: calc(100% - 1.56rem); } @@ -8735,19 +8735,19 @@ font-family: var(--brutal-font-control); } - .brutal-field { + .brutal-field, :where([data-ui="brutalism"]) .ui-field { gap: var(--brutal-space-2); flex-direction: column; display: flex; } - .brutal-label { + .brutal-label, :where([data-ui="brutalism"]) .ui-label { text-transform: uppercase; letter-spacing: .05em; font-weight: 900; } - .brutal-input, .brutal-textarea, .brutal-select { + .brutal-input, .brutal-textarea, .brutal-select, :where([data-ui="brutalism"]) .ui-input, :where([data-ui="brutalism"]) .ui-textarea, :where([data-ui="brutalism"]) .ui-select { background: var(--brutal-surface-strong); width: 100%; min-height: 2.9rem; @@ -8760,17 +8760,17 @@ box-shadow: inset 4px 4px #0000001f; } - .brutal-textarea { + .brutal-textarea, :where([data-ui="brutalism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .brutal-input:focus, .brutal-textarea:focus, .brutal-select:focus { + .brutal-input:focus, .brutal-textarea:focus, .brutal-select:focus, :where([data-ui="brutalism"]) .ui-input:focus, :where([data-ui="brutalism"]) .ui-textarea:focus, :where([data-ui="brutalism"]) .ui-select:focus { border-color: var(--brutal-focus); box-shadow: 0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f; } - .brutal-help-text { + .brutal-help-text, :where([data-ui="brutalism"]) .ui-help-text { color: var(--brutal-text-muted); font-size: .9rem; } @@ -9360,13 +9360,13 @@ padding: 0; } - .cyber-field { + .cyber-field, :where([data-ui="cyberpunk"]) .ui-field { gap: var(--cyber-space-2); flex-direction: column; display: flex; } - .cyber-label { + .cyber-label, :where([data-ui="cyberpunk"]) .ui-label { font-family: var(--cyber-font-heading); text-transform: uppercase; letter-spacing: .14em; @@ -9374,7 +9374,7 @@ font-weight: 800; } - .cyber-input, .cyber-textarea, .cyber-select { + .cyber-input, .cyber-textarea, .cyber-select, :where([data-ui="cyberpunk"]) .ui-input, :where([data-ui="cyberpunk"]) .ui-textarea, :where([data-ui="cyberpunk"]) .ui-select { background: var(--cyber-surface-soft); width: 100%; min-height: 2.9rem; @@ -9387,17 +9387,17 @@ box-shadow: inset 0 0 18px #0003; } - .cyber-textarea { + .cyber-textarea, :where([data-ui="cyberpunk"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .cyber-input:focus, .cyber-textarea:focus, .cyber-select:focus { + .cyber-input:focus, .cyber-textarea:focus, .cyber-select:focus, :where([data-ui="cyberpunk"]) .ui-input:focus, :where([data-ui="cyberpunk"]) .ui-textarea:focus, :where([data-ui="cyberpunk"]) .ui-select:focus { border-color: var(--cyber-focus); box-shadow: 0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003; } - .cyber-help-text { + .cyber-help-text, :where([data-ui="cyberpunk"]) .ui-help-text { color: var(--cyber-text-muted); font-size: .9rem; } @@ -9611,7 +9611,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -10060,18 +10060,18 @@ padding: 0; } - .y2k-field { + .y2k-field, :where([data-ui="y2k"]) .ui-field { gap: var(--y2k-space-2); flex-direction: column; display: flex; } - .y2k-label { + .y2k-label, :where([data-ui="y2k"]) .ui-label { letter-spacing: .04em; font-weight: 900; } - .y2k-input, .y2k-textarea, .y2k-select { + .y2k-input, .y2k-textarea, .y2k-select, :where([data-ui="y2k"]) .ui-input, :where([data-ui="y2k"]) .ui-textarea, :where([data-ui="y2k"]) .ui-select { background: linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft); width: 100%; min-height: 2.9rem; @@ -10084,17 +10084,17 @@ box-shadow: inset 0 6px 14px #0000001f; } - .y2k-textarea { + .y2k-textarea, :where([data-ui="y2k"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .y2k-input:focus, .y2k-textarea:focus, .y2k-select:focus { + .y2k-input:focus, .y2k-textarea:focus, .y2k-select:focus, :where([data-ui="y2k"]) .ui-input:focus, :where([data-ui="y2k"]) .ui-textarea:focus, :where([data-ui="y2k"]) .ui-select:focus { border-color: var(--y2k-focus); box-shadow: inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22); } - .y2k-help-text { + .y2k-help-text, :where([data-ui="y2k"]) .ui-help-text { color: var(--y2k-text-muted); font-size: .9rem; } @@ -10750,13 +10750,13 @@ padding: 0; } - .rg-field { + .rg-field, :where([data-ui="retro-glass"]) .ui-field { gap: var(--rg-space-2); flex-direction: column; display: flex; } - .rg-label { + .rg-label, :where([data-ui="retro-glass"]) .ui-label { font-family: var(--rg-font-heading); text-transform: uppercase; letter-spacing: .12em; @@ -10764,7 +10764,7 @@ font-weight: 900; } - .rg-input, .rg-textarea, .rg-select { + .rg-input, .rg-textarea, .rg-select, :where([data-ui="retro-glass"]) .ui-input, :where([data-ui="retro-glass"]) .ui-textarea, :where([data-ui="retro-glass"]) .ui-select { background: linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft); width: 100%; min-height: 2.9rem; @@ -10778,17 +10778,17 @@ box-shadow: inset 0 8px 18px #00000024; } - .rg-textarea { + .rg-textarea, :where([data-ui="retro-glass"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .rg-input:focus, .rg-textarea:focus, .rg-select:focus { + .rg-input:focus, .rg-textarea:focus, .rg-select:focus, :where([data-ui="retro-glass"]) .ui-input:focus, :where([data-ui="retro-glass"]) .ui-textarea:focus, :where([data-ui="retro-glass"]) .ui-select:focus { border-color: var(--rg-focus); box-shadow: inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22); } - .rg-help-text { + .rg-help-text, :where([data-ui="retro-glass"]) .ui-help-text { color: var(--rg-text-muted); font-size: .9rem; } diff --git a/dist/ui-style-kit.with-bridge.min.css b/dist/ui-style-kit.with-bridge.min.css index f86fecb..3426f47 100644 --- a/dist/ui-style-kit.with-bridge.min.css +++ b/dist/ui-style-kit.with-bridge.min.css @@ -4,4 +4,4 @@ * License: MIT */ @layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout; -@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control{border-radius:var(--max-radius-xs)}.max-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}}:where([data-ui][data-theme][data-mode]) .interactive-surface{--interactive-surface-border-width:1px;--interactive-surface-bg:rgb(var(--usk-surface-strong-rgb,var(--usk-surface-rgb,255 255 255)));--interactive-surface-fg:rgb(var(--usk-text-rgb));--interactive-surface-border-color:rgb(var(--usk-border-rgb,128 128 128) / .72);--interactive-surface-focus-ring-color:rgb(var(--usk-focus-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-radius:.85rem;--interactive-surface-state-layer-color:currentColor;--interactive-surface-state-layer-opacity:0;--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18;--interactive-surface-light-icon-color:rgb(var(--usk-warning-rgb,var(--usk-accent-rgb,255 190 72)));--interactive-surface-dark-icon-color:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-accessibility-icon-color:var(--interactive-surface-focus-ring-color);--interactive-surface-light-icon-color-dark:var(--interactive-surface-light-icon-color);--interactive-surface-dark-icon-color-dark:var(--interactive-surface-dark-icon-color);--interactive-surface-accessibility-icon-color-dark:var(--interactive-surface-accessibility-icon-color);--interactive-surface-variant-primary-bg:rgb(var(--usk-primary-rgb));--interactive-surface-variant-primary-fg:rgb(var(--usk-primary-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-primary-border-color:rgb(var(--usk-primary-rgb,72 120 255));--interactive-surface-variant-secondary-bg:rgb(var(--usk-secondary-rgb,var(--usk-surface-soft-rgb,96 112 128)));--interactive-surface-variant-secondary-fg:rgb(var(--usk-secondary-text-rgb,var(--usk-text-rgb,18 18 18)));--interactive-surface-variant-secondary-border-color:rgb(var(--usk-secondary-rgb,96 112 128));--interactive-surface-variant-accent-bg:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-accent-fg:rgb(var(--usk-accent-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-accent-border-color:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-subtle-bg:rgb(var(--usk-surface-soft-rgb,var(--usk-surface-rgb,244 244 244)));--interactive-surface-variant-subtle-fg:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-variant-subtle-border-color:rgb(var(--usk-border-rgb,128 128 128) / .64);--interactive-surface-variant-warning-bg:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-warning-fg:rgb(var(--usk-warning-text-rgb,var(--usk-bg-rgb,18 18 18)));--interactive-surface-variant-warning-border-color:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-danger-bg:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-variant-danger-fg:rgb(var(--usk-danger-text-rgb,255 255 255));--interactive-surface-variant-danger-border-color:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-level-1-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-level-1-border-color:var(--interactive-surface-variant-subtle-border-color);--interactive-surface-level-1-shadow:0 1px 2px rgb(var(--usk-bg-rgb,0 0 0) / .18);--interactive-surface-level-2-bg:var(--interactive-surface-bg);--interactive-surface-level-2-border-color:var(--interactive-surface-border-color);--interactive-surface-level-2-shadow:0 8px 20px rgb(var(--usk-bg-rgb,0 0 0) / .22);--interactive-surface-level-3-bg:color-mix(in srgb, var(--interactive-surface-bg) 82%, var(--interactive-surface-variant-primary-bg));--interactive-surface-level-3-border-color:color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 72%, var(--interactive-surface-border-color));--interactive-surface-level-3-shadow:0 14px 34px rgb(var(--usk-bg-rgb,0 0 0) / .3), 0 0 0 1px color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 34%, transparent);--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);isolation:isolate;background-color:var(--interactive-surface-level-bg,var(--interactive-surface-bg));color:var(--interactive-surface-fg);border-width:var(--interactive-surface-border-width);border-style:solid;border-color:var(--interactive-surface-level-border-color,var(--interactive-surface-border-color));border-radius:var(--interactive-surface-radius);box-shadow:var(--interactive-surface-level-shadow,none);transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;position:relative}:where([data-ui][data-theme][data-mode]) .interactive-surface:before{border-radius:inherit;background:var(--interactive-surface-state-layer-color);opacity:var(--interactive-surface-state-layer-opacity);pointer-events:none;content:"";transition:opacity .16s;position:absolute;inset:0}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):hover{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-hover);transform:translateY(-1px)}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):active,:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-pressed=true],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-current=page],:where([data-ui][data-theme][data-mode]) .interactive-surface.is-active{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-active);transform:translateY(0)}:where([data-ui][data-theme][data-mode]) .interactive-surface:focus-visible{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-focus);outline:2px solid var(--interactive-surface-focus-ring-color);outline-offset:3px}:where([data-ui][data-theme][data-mode]) .interactive-surface[disabled],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-disabled=true]{opacity:.56;cursor:not-allowed}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=primary]{--interactive-surface-bg:var(--interactive-surface-variant-primary-bg);--interactive-surface-fg:var(--interactive-surface-variant-primary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-primary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=secondary]{--interactive-surface-bg:var(--interactive-surface-variant-secondary-bg);--interactive-surface-fg:var(--interactive-surface-variant-secondary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-secondary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=accent]{--interactive-surface-bg:var(--interactive-surface-variant-accent-bg);--interactive-surface-fg:var(--interactive-surface-variant-accent-fg);--interactive-surface-border-color:var(--interactive-surface-variant-accent-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=subtle]{--interactive-surface-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-fg:var(--interactive-surface-variant-subtle-fg);--interactive-surface-border-color:var(--interactive-surface-variant-subtle-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=warning]{--interactive-surface-bg:var(--interactive-surface-variant-warning-bg);--interactive-surface-fg:var(--interactive-surface-variant-warning-fg);--interactive-surface-border-color:var(--interactive-surface-variant-warning-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=danger]{--interactive-surface-bg:var(--interactive-surface-variant-danger-bg);--interactive-surface-fg:var(--interactive-surface-variant-danger-fg);--interactive-surface-border-color:var(--interactive-surface-variant-danger-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="1"]{--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="2"]{--interactive-surface-level-bg:var(--interactive-surface-level-2-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-2-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-2-shadow);--interactive-surface-state-layer-opacity-hover:.11;--interactive-surface-state-layer-opacity-active:.18;--interactive-surface-state-layer-opacity-focus:.22}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="3"]{--interactive-surface-level-bg:var(--interactive-surface-level-3-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-3-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-3-shadow);--interactive-surface-state-layer-opacity-hover:.14;--interactive-surface-state-layer-opacity-active:.24;--interactive-surface-state-layer-opacity-focus:.28} \ No newline at end of file +@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field,:where([data-ui=minimal-saas]) .ui-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label,:where([data-ui=minimal-saas]) .ui-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select,:where([data-ui=minimal-saas]) .ui-input,:where([data-ui=minimal-saas]) .ui-textarea,:where([data-ui=minimal-saas]) .ui-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea,:where([data-ui=minimal-saas]) .ui-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder,:where([data-ui=minimal-saas]) .ui-input::placeholder,:where([data-ui=minimal-saas]) .ui-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover,:where([data-ui=minimal-saas]) .ui-input:hover,:where([data-ui=minimal-saas]) .ui-textarea:hover,:where([data-ui=minimal-saas]) .ui-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus,:where([data-ui=minimal-saas]) .ui-input:focus,:where([data-ui=minimal-saas]) .ui-textarea:focus,:where([data-ui=minimal-saas]) .ui-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text,:where([data-ui=minimal-saas]) .ui-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio,:where([data-ui=minimal-saas]) .ui-check,:where([data-ui=minimal-saas]) .ui-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input,:where([data-ui=minimal-saas]) .ui-check input,:where([data-ui=minimal-saas]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check-control,:where([data-ui=minimal-saas]) .ui-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control,:where([data-ui=minimal-saas]) .ui-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control,:where([data-ui=minimal-saas]) .ui-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch,:where([data-ui=minimal-saas]) .ui-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input,:where([data-ui=minimal-saas]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field,:where([data-ui=bento]) .ui-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label,:where([data-ui=bento]) .ui-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select,:where([data-ui=bento]) .ui-input,:where([data-ui=bento]) .ui-textarea,:where([data-ui=bento]) .ui-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea,:where([data-ui=bento]) .ui-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder,:where([data-ui=bento]) .ui-input::placeholder,:where([data-ui=bento]) .ui-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover,:where([data-ui=bento]) .ui-input:hover,:where([data-ui=bento]) .ui-textarea:hover,:where([data-ui=bento]) .ui-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus,:where([data-ui=bento]) .ui-input:focus,:where([data-ui=bento]) .ui-textarea:focus,:where([data-ui=bento]) .ui-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text,:where([data-ui=bento]) .ui-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio,:where([data-ui=bento]) .ui-check,:where([data-ui=bento]) .ui-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input,:where([data-ui=bento]) .ui-check input,:where([data-ui=bento]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control,:where([data-ui=bento]) .ui-check-control,:where([data-ui=bento]) .ui-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control,:where([data-ui=bento]) .ui-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control,:where([data-ui=bento]) .ui-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch,:where([data-ui=bento]) .ui-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input,:where([data-ui=bento]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track,:where([data-ui=bento]) .ui-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb,:where([data-ui=bento]) .ui-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field,:where([data-ui=maximalist]) .ui-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label,:where([data-ui=maximalist]) .ui-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select,:where([data-ui=maximalist]) .ui-input,:where([data-ui=maximalist]) .ui-textarea,:where([data-ui=maximalist]) .ui-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea,:where([data-ui=maximalist]) .ui-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder,:where([data-ui=maximalist]) .ui-input::placeholder,:where([data-ui=maximalist]) .ui-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover,:where([data-ui=maximalist]) .ui-input:hover,:where([data-ui=maximalist]) .ui-textarea:hover,:where([data-ui=maximalist]) .ui-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus,:where([data-ui=maximalist]) .ui-input:focus,:where([data-ui=maximalist]) .ui-textarea:focus,:where([data-ui=maximalist]) .ui-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text,:where([data-ui=maximalist]) .ui-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio,:where([data-ui=maximalist]) .ui-check,:where([data-ui=maximalist]) .ui-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input,:where([data-ui=maximalist]) .ui-check input,:where([data-ui=maximalist]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control,:where([data-ui=maximalist]) .ui-check-control,:where([data-ui=maximalist]) .ui-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control,:where([data-ui=maximalist]) .ui-check-control{border-radius:var(--max-radius-xs)}.max-radio-control,:where([data-ui=maximalist]) .ui-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch,:where([data-ui=maximalist]) .ui-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input,:where([data-ui=maximalist]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track,:where([data-ui=maximalist]) .ui-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb,:where([data-ui=maximalist]) .ui-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field,:where([data-ui=bauhaus]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui=bauhaus]) .ui-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select,:where([data-ui=bauhaus]) .ui-input,:where([data-ui=bauhaus]) .ui-textarea,:where([data-ui=bauhaus]) .ui-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea,:where([data-ui=bauhaus]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui=bauhaus]) .ui-input::placeholder,:where([data-ui=bauhaus]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui=bauhaus]) .ui-input:hover,:where([data-ui=bauhaus]) .ui-textarea:hover,:where([data-ui=bauhaus]) .ui-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui=bauhaus]) .ui-input:focus,:where([data-ui=bauhaus]) .ui-textarea:focus,:where([data-ui=bauhaus]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text,:where([data-ui=bauhaus]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui=bauhaus]) .ui-check,:where([data-ui=bauhaus]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui=bauhaus]) .ui-check input,:where([data-ui=bauhaus]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui=bauhaus]) .ui-check-control,:where([data-ui=bauhaus]) .ui-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control,:where([data-ui=bauhaus]) .ui-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control,:where([data-ui=bauhaus]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui=bauhaus]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui=bauhaus]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field,:where([data-ui=tactile]) .ui-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label,:where([data-ui=tactile]) .ui-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select,:where([data-ui=tactile]) .ui-input,:where([data-ui=tactile]) .ui-textarea,:where([data-ui=tactile]) .ui-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea,:where([data-ui=tactile]) .ui-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder,:where([data-ui=tactile]) .ui-input::placeholder,:where([data-ui=tactile]) .ui-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover,:where([data-ui=tactile]) .ui-input:hover,:where([data-ui=tactile]) .ui-textarea:hover,:where([data-ui=tactile]) .ui-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus,:where([data-ui=tactile]) .ui-input:focus,:where([data-ui=tactile]) .ui-textarea:focus,:where([data-ui=tactile]) .ui-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text,:where([data-ui=tactile]) .ui-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio,:where([data-ui=tactile]) .ui-check,:where([data-ui=tactile]) .ui-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input,:where([data-ui=tactile]) .ui-check input,:where([data-ui=tactile]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control,:where([data-ui=tactile]) .ui-check-control,:where([data-ui=tactile]) .ui-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control,:where([data-ui=tactile]) .ui-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control,:where([data-ui=tactile]) .ui-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch,:where([data-ui=tactile]) .ui-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input,:where([data-ui=tactile]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track,:where([data-ui=tactile]) .ui-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field,:where([data-ui=neumorphism]) .ui-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label,:where([data-ui=neumorphism]) .ui-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea,:where([data-ui=neumorphism]) .ui-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder,:where([data-ui=neumorphism]) .ui-input::placeholder,:where([data-ui=neumorphism]) .ui-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover,:where([data-ui=neumorphism]) .ui-input:hover,:where([data-ui=neumorphism]) .ui-textarea:hover,:where([data-ui=neumorphism]) .ui-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus,:where([data-ui=neumorphism]) .ui-input:focus,:where([data-ui=neumorphism]) .ui-textarea:focus,:where([data-ui=neumorphism]) .ui-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text,:where([data-ui=neumorphism]) .ui-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio,:where([data-ui=neumorphism]) .ui-check,:where([data-ui=neumorphism]) .ui-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input,:where([data-ui=neumorphism]) .ui-check input,:where([data-ui=neumorphism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control,:where([data-ui=neumorphism]) .ui-check-control,:where([data-ui=neumorphism]) .ui-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control,:where([data-ui=neumorphism]) .ui-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control,:where([data-ui=neumorphism]) .ui-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch,:where([data-ui=neumorphism]) .ui-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input,:where([data-ui=neumorphism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field,:where([data-ui=retrofuturism]) .ui-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label,:where([data-ui=retrofuturism]) .ui-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select,:where([data-ui=retrofuturism]) .ui-input,:where([data-ui=retrofuturism]) .ui-textarea,:where([data-ui=retrofuturism]) .ui-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea,:where([data-ui=retrofuturism]) .ui-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder,:where([data-ui=retrofuturism]) .ui-input::placeholder,:where([data-ui=retrofuturism]) .ui-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover,:where([data-ui=retrofuturism]) .ui-input:hover,:where([data-ui=retrofuturism]) .ui-textarea:hover,:where([data-ui=retrofuturism]) .ui-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus,:where([data-ui=retrofuturism]) .ui-input:focus,:where([data-ui=retrofuturism]) .ui-textarea:focus,:where([data-ui=retrofuturism]) .ui-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text,:where([data-ui=retrofuturism]) .ui-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio,:where([data-ui=retrofuturism]) .ui-check,:where([data-ui=retrofuturism]) .ui-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input,:where([data-ui=retrofuturism]) .ui-check input,:where([data-ui=retrofuturism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check-control,:where([data-ui=retrofuturism]) .ui-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control,:where([data-ui=retrofuturism]) .ui-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control,:where([data-ui=retrofuturism]) .ui-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch,:where([data-ui=retrofuturism]) .ui-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input,:where([data-ui=retrofuturism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field,:where([data-ui=brutalism]) .ui-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label,:where([data-ui=brutalism]) .ui-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select,:where([data-ui=brutalism]) .ui-input,:where([data-ui=brutalism]) .ui-textarea,:where([data-ui=brutalism]) .ui-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea,:where([data-ui=brutalism]) .ui-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus,:where([data-ui=brutalism]) .ui-input:focus,:where([data-ui=brutalism]) .ui-textarea:focus,:where([data-ui=brutalism]) .ui-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text,:where([data-ui=brutalism]) .ui-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field,:where([data-ui=cyberpunk]) .ui-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label,:where([data-ui=cyberpunk]) .ui-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select,:where([data-ui=cyberpunk]) .ui-input,:where([data-ui=cyberpunk]) .ui-textarea,:where([data-ui=cyberpunk]) .ui-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea,:where([data-ui=cyberpunk]) .ui-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus,:where([data-ui=cyberpunk]) .ui-input:focus,:where([data-ui=cyberpunk]) .ui-textarea:focus,:where([data-ui=cyberpunk]) .ui-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text,:where([data-ui=cyberpunk]) .ui-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible,:where([data-ui=cyberpunk]) .ui-input:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field,:where([data-ui=y2k]) .ui-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label,:where([data-ui=y2k]) .ui-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select,:where([data-ui=y2k]) .ui-input,:where([data-ui=y2k]) .ui-textarea,:where([data-ui=y2k]) .ui-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea,:where([data-ui=y2k]) .ui-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus,:where([data-ui=y2k]) .ui-input:focus,:where([data-ui=y2k]) .ui-textarea:focus,:where([data-ui=y2k]) .ui-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text,:where([data-ui=y2k]) .ui-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field,:where([data-ui=retro-glass]) .ui-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label,:where([data-ui=retro-glass]) .ui-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select,:where([data-ui=retro-glass]) .ui-input,:where([data-ui=retro-glass]) .ui-textarea,:where([data-ui=retro-glass]) .ui-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea,:where([data-ui=retro-glass]) .ui-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus,:where([data-ui=retro-glass]) .ui-input:focus,:where([data-ui=retro-glass]) .ui-textarea:focus,:where([data-ui=retro-glass]) .ui-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text,:where([data-ui=retro-glass]) .ui-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}}:where([data-ui][data-theme][data-mode]) .interactive-surface{--interactive-surface-border-width:1px;--interactive-surface-bg:rgb(var(--usk-surface-strong-rgb,var(--usk-surface-rgb,255 255 255)));--interactive-surface-fg:rgb(var(--usk-text-rgb));--interactive-surface-border-color:rgb(var(--usk-border-rgb,128 128 128) / .72);--interactive-surface-focus-ring-color:rgb(var(--usk-focus-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-radius:.85rem;--interactive-surface-state-layer-color:currentColor;--interactive-surface-state-layer-opacity:0;--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18;--interactive-surface-light-icon-color:rgb(var(--usk-warning-rgb,var(--usk-accent-rgb,255 190 72)));--interactive-surface-dark-icon-color:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-accessibility-icon-color:var(--interactive-surface-focus-ring-color);--interactive-surface-light-icon-color-dark:var(--interactive-surface-light-icon-color);--interactive-surface-dark-icon-color-dark:var(--interactive-surface-dark-icon-color);--interactive-surface-accessibility-icon-color-dark:var(--interactive-surface-accessibility-icon-color);--interactive-surface-variant-primary-bg:rgb(var(--usk-primary-rgb));--interactive-surface-variant-primary-fg:rgb(var(--usk-primary-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-primary-border-color:rgb(var(--usk-primary-rgb,72 120 255));--interactive-surface-variant-secondary-bg:rgb(var(--usk-secondary-rgb,var(--usk-surface-soft-rgb,96 112 128)));--interactive-surface-variant-secondary-fg:rgb(var(--usk-secondary-text-rgb,var(--usk-text-rgb,18 18 18)));--interactive-surface-variant-secondary-border-color:rgb(var(--usk-secondary-rgb,96 112 128));--interactive-surface-variant-accent-bg:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-accent-fg:rgb(var(--usk-accent-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-accent-border-color:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-subtle-bg:rgb(var(--usk-surface-soft-rgb,var(--usk-surface-rgb,244 244 244)));--interactive-surface-variant-subtle-fg:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-variant-subtle-border-color:rgb(var(--usk-border-rgb,128 128 128) / .64);--interactive-surface-variant-warning-bg:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-warning-fg:rgb(var(--usk-warning-text-rgb,var(--usk-bg-rgb,18 18 18)));--interactive-surface-variant-warning-border-color:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-danger-bg:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-variant-danger-fg:rgb(var(--usk-danger-text-rgb,255 255 255));--interactive-surface-variant-danger-border-color:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-level-1-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-level-1-border-color:var(--interactive-surface-variant-subtle-border-color);--interactive-surface-level-1-shadow:0 1px 2px rgb(var(--usk-bg-rgb,0 0 0) / .18);--interactive-surface-level-2-bg:var(--interactive-surface-bg);--interactive-surface-level-2-border-color:var(--interactive-surface-border-color);--interactive-surface-level-2-shadow:0 8px 20px rgb(var(--usk-bg-rgb,0 0 0) / .22);--interactive-surface-level-3-bg:color-mix(in srgb, var(--interactive-surface-bg) 82%, var(--interactive-surface-variant-primary-bg));--interactive-surface-level-3-border-color:color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 72%, var(--interactive-surface-border-color));--interactive-surface-level-3-shadow:0 14px 34px rgb(var(--usk-bg-rgb,0 0 0) / .3), 0 0 0 1px color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 34%, transparent);--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);isolation:isolate;background-color:var(--interactive-surface-level-bg,var(--interactive-surface-bg));color:var(--interactive-surface-fg);border-width:var(--interactive-surface-border-width);border-style:solid;border-color:var(--interactive-surface-level-border-color,var(--interactive-surface-border-color));border-radius:var(--interactive-surface-radius);box-shadow:var(--interactive-surface-level-shadow,none);transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;position:relative}:where([data-ui][data-theme][data-mode]) .interactive-surface:before{border-radius:inherit;background:var(--interactive-surface-state-layer-color);opacity:var(--interactive-surface-state-layer-opacity);pointer-events:none;content:"";transition:opacity .16s;position:absolute;inset:0}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):hover{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-hover);transform:translateY(-1px)}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):active,:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-pressed=true],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-current=page],:where([data-ui][data-theme][data-mode]) .interactive-surface.is-active{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-active);transform:translateY(0)}:where([data-ui][data-theme][data-mode]) .interactive-surface:focus-visible{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-focus);outline:2px solid var(--interactive-surface-focus-ring-color);outline-offset:3px}:where([data-ui][data-theme][data-mode]) .interactive-surface[disabled],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-disabled=true]{opacity:.56;cursor:not-allowed}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=primary]{--interactive-surface-bg:var(--interactive-surface-variant-primary-bg);--interactive-surface-fg:var(--interactive-surface-variant-primary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-primary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=secondary]{--interactive-surface-bg:var(--interactive-surface-variant-secondary-bg);--interactive-surface-fg:var(--interactive-surface-variant-secondary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-secondary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=accent]{--interactive-surface-bg:var(--interactive-surface-variant-accent-bg);--interactive-surface-fg:var(--interactive-surface-variant-accent-fg);--interactive-surface-border-color:var(--interactive-surface-variant-accent-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=subtle]{--interactive-surface-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-fg:var(--interactive-surface-variant-subtle-fg);--interactive-surface-border-color:var(--interactive-surface-variant-subtle-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=warning]{--interactive-surface-bg:var(--interactive-surface-variant-warning-bg);--interactive-surface-fg:var(--interactive-surface-variant-warning-fg);--interactive-surface-border-color:var(--interactive-surface-variant-warning-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=danger]{--interactive-surface-bg:var(--interactive-surface-variant-danger-bg);--interactive-surface-fg:var(--interactive-surface-variant-danger-fg);--interactive-surface-border-color:var(--interactive-surface-variant-danger-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="1"]{--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="2"]{--interactive-surface-level-bg:var(--interactive-surface-level-2-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-2-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-2-shadow);--interactive-surface-state-layer-opacity-hover:.11;--interactive-surface-state-layer-opacity-active:.18;--interactive-surface-state-layer-opacity-focus:.22}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="3"]{--interactive-surface-level-bg:var(--interactive-surface-level-3-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-3-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-3-shadow);--interactive-surface-state-layer-opacity-hover:.14;--interactive-surface-state-layer-opacity-active:.24;--interactive-surface-state-layer-opacity-focus:.28} \ No newline at end of file diff --git a/dist/visual/bauhaus.css b/dist/visual/bauhaus.css index e0dfeaa..eab6201 100644 --- a/dist/visual/bauhaus.css +++ b/dist/visual/bauhaus.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="bauhaus"]) .ui-check, :where([data-ui="bauhaus"]) .ui-radio, :where([data-ui="bauhaus"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="bauhaus"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="bauhaus"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2401,19 +2401,19 @@ font-family: var(--bau-font-control); } - .bau-field { + .bau-field, :where([data-ui="bauhaus"]) .ui-field { gap: var(--bau-space-2); flex-direction: column; display: flex; } - .bau-label { + .bau-label, :where([data-ui="bauhaus"]) .ui-label { color: var(--bau-text); font-size: .925rem; font-weight: 800; } - .bau-input, .bau-textarea, .bau-select { + .bau-input, .bau-textarea, .bau-select, :where([data-ui="bauhaus"]) .ui-input, :where([data-ui="bauhaus"]) .ui-textarea, :where([data-ui="bauhaus"]) .ui-select { background: var(--bau-surface-soft); width: 100%; min-height: 2.875rem; @@ -2426,32 +2426,32 @@ padding: .75rem 1rem; } - .bau-textarea { + .bau-textarea, :where([data-ui="bauhaus"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .bau-input::placeholder, .bau-textarea::placeholder { + .bau-input::placeholder, .bau-textarea::placeholder, :where([data-ui="bauhaus"]) .ui-input::placeholder, :where([data-ui="bauhaus"]) .ui-textarea::placeholder { color: var(--bau-text-muted); opacity: .82; } - .bau-input:hover, .bau-textarea:hover, .bau-select:hover { + .bau-input:hover, .bau-textarea:hover, .bau-select:hover, :where([data-ui="bauhaus"]) .ui-input:hover, :where([data-ui="bauhaus"]) .ui-textarea:hover, :where([data-ui="bauhaus"]) .ui-select:hover { border-color: rgb(var(--bau-primary-rgb)/.58); } - .bau-input:focus, .bau-textarea:focus, .bau-select:focus { + .bau-input:focus, .bau-textarea:focus, .bau-select:focus, :where([data-ui="bauhaus"]) .ui-input:focus, :where([data-ui="bauhaus"]) .ui-textarea:focus, :where([data-ui="bauhaus"]) .ui-select:focus { border-color: var(--bau-focus); box-shadow: var(--bau-focus-ring); } - .bau-help-text { + .bau-help-text, :where([data-ui="bauhaus"]) .ui-help-text { color: var(--bau-text-muted); font-size: .875rem; line-height: 1.45; } - .bau-check, .bau-radio { + .bau-check, .bau-radio, :where([data-ui="bauhaus"]) .ui-check, :where([data-ui="bauhaus"]) .ui-radio { align-items: center; gap: var(--bau-space-2); color: var(--bau-text); @@ -2459,13 +2459,13 @@ display: inline-flex; } - .bau-check input, .bau-radio input { + .bau-check input, .bau-radio input, :where([data-ui="bauhaus"]) .ui-check input, :where([data-ui="bauhaus"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .bau-check-control, .bau-radio-control { + .bau-check-control, .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check-control, :where([data-ui="bauhaus"]) .ui-radio-control { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); width: 1.35rem; @@ -2475,28 +2475,28 @@ display: inline-grid; } - .bau-check-control { + .bau-check-control, :where([data-ui="bauhaus"]) .ui-check-control { border-radius: var(--bau-radius-xs); } - .bau-radio-control { + .bau-radio-control, :where([data-ui="bauhaus"]) .ui-radio-control { border-radius: 50%; } - .bau-check input:checked + .bau-check-control, .bau-radio input:checked + .bau-radio-control { + .bau-check input:checked + .bau-check-control, .bau-radio input:checked + .bau-radio-control, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control { background: var(--bau-primary); border-color: var(--bau-primary); box-shadow: var(--bau-focus-ring); } - .bau-check input:checked + .bau-check-control:after { + .bau-check input:checked + .bau-check-control:after, :where([data-ui="bauhaus"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--bau-on-primary); font-size: .9rem; font-weight: 900; } - .bau-radio input:checked + .bau-radio-control:after { + .bau-radio input:checked + .bau-radio-control:after, :where([data-ui="bauhaus"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--bau-on-primary); border-radius: 50%; @@ -2504,7 +2504,7 @@ height: .55rem; } - .bau-switch { + .bau-switch, :where([data-ui="bauhaus"]) .ui-switch { align-items: center; gap: var(--bau-space-3); color: var(--bau-text); @@ -2512,13 +2512,13 @@ display: inline-flex; } - .bau-switch input { + .bau-switch input, :where([data-ui="bauhaus"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .bau-switch-track { + .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch-track { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); border-radius: var(--bau-radius-pill); @@ -2528,7 +2528,7 @@ position: relative; } - .bau-switch-thumb { + .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch-thumb { background: var(--bau-surface-strong); border: 2px solid var(--bau-border); width: 1.34rem; @@ -2541,12 +2541,12 @@ left: .22rem; } - .bau-switch input:checked + .bau-switch-track { + .bau-switch input:checked + .bau-switch-track, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track { background: var(--bau-primary); border-color: var(--bau-primary); } - .bau-switch input:checked + .bau-switch-track .bau-switch-thumb { + .bau-switch input:checked + .bau-switch-track .bau-switch-thumb, :where([data-ui="bauhaus"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--bau-on-primary); left: calc(100% - 1.56rem); } diff --git a/dist/visual/bento.css b/dist/visual/bento.css index dee535d..db471b4 100644 --- a/dist/visual/bento.css +++ b/dist/visual/bento.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="bento"]) .ui-check, :where([data-ui="bento"]) .ui-radio, :where([data-ui="bento"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="bento"]) .ui-check-control, :where([data-ui="bento"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="bento"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="bento"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="bento"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="bento"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2399,19 +2399,19 @@ font-family: var(--bento-font-control); } - .bento-field { + .bento-field, :where([data-ui="bento"]) .ui-field { gap: var(--bento-space-2); flex-direction: column; display: flex; } - .bento-label { + .bento-label, :where([data-ui="bento"]) .ui-label { color: var(--bento-text); font-size: .925rem; font-weight: 800; } - .bento-input, .bento-textarea, .bento-select { + .bento-input, .bento-textarea, .bento-select, :where([data-ui="bento"]) .ui-input, :where([data-ui="bento"]) .ui-textarea, :where([data-ui="bento"]) .ui-select { background: var(--bento-surface-soft); width: 100%; min-height: 2.875rem; @@ -2424,32 +2424,32 @@ padding: .75rem 1rem; } - .bento-textarea { + .bento-textarea, :where([data-ui="bento"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .bento-input::placeholder, .bento-textarea::placeholder { + .bento-input::placeholder, .bento-textarea::placeholder, :where([data-ui="bento"]) .ui-input::placeholder, :where([data-ui="bento"]) .ui-textarea::placeholder { color: var(--bento-text-muted); opacity: .82; } - .bento-input:hover, .bento-textarea:hover, .bento-select:hover { + .bento-input:hover, .bento-textarea:hover, .bento-select:hover, :where([data-ui="bento"]) .ui-input:hover, :where([data-ui="bento"]) .ui-textarea:hover, :where([data-ui="bento"]) .ui-select:hover { border-color: rgb(var(--bento-primary-rgb)/.58); } - .bento-input:focus, .bento-textarea:focus, .bento-select:focus { + .bento-input:focus, .bento-textarea:focus, .bento-select:focus, :where([data-ui="bento"]) .ui-input:focus, :where([data-ui="bento"]) .ui-textarea:focus, :where([data-ui="bento"]) .ui-select:focus { border-color: var(--bento-focus); box-shadow: var(--bento-focus-ring); } - .bento-help-text { + .bento-help-text, :where([data-ui="bento"]) .ui-help-text { color: var(--bento-text-muted); font-size: .875rem; line-height: 1.45; } - .bento-check, .bento-radio { + .bento-check, .bento-radio, :where([data-ui="bento"]) .ui-check, :where([data-ui="bento"]) .ui-radio { align-items: center; gap: var(--bento-space-2); color: var(--bento-text); @@ -2457,13 +2457,13 @@ display: inline-flex; } - .bento-check input, .bento-radio input { + .bento-check input, .bento-radio input, :where([data-ui="bento"]) .ui-check input, :where([data-ui="bento"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .bento-check-control, .bento-radio-control { + .bento-check-control, .bento-radio-control, :where([data-ui="bento"]) .ui-check-control, :where([data-ui="bento"]) .ui-radio-control { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); width: 1.35rem; @@ -2473,28 +2473,28 @@ display: inline-grid; } - .bento-check-control { + .bento-check-control, :where([data-ui="bento"]) .ui-check-control { border-radius: var(--bento-radius-xs); } - .bento-radio-control { + .bento-radio-control, :where([data-ui="bento"]) .ui-radio-control { border-radius: 50%; } - .bento-check input:checked + .bento-check-control, .bento-radio input:checked + .bento-radio-control { + .bento-check input:checked + .bento-check-control, .bento-radio input:checked + .bento-radio-control, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control { background: var(--bento-primary); border-color: var(--bento-primary); box-shadow: var(--bento-focus-ring); } - .bento-check input:checked + .bento-check-control:after { + .bento-check input:checked + .bento-check-control:after, :where([data-ui="bento"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--bento-on-primary); font-size: .9rem; font-weight: 900; } - .bento-radio input:checked + .bento-radio-control:after { + .bento-radio input:checked + .bento-radio-control:after, :where([data-ui="bento"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--bento-on-primary); border-radius: 50%; @@ -2502,7 +2502,7 @@ height: .55rem; } - .bento-switch { + .bento-switch, :where([data-ui="bento"]) .ui-switch { align-items: center; gap: var(--bento-space-3); color: var(--bento-text); @@ -2510,13 +2510,13 @@ display: inline-flex; } - .bento-switch input { + .bento-switch input, :where([data-ui="bento"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .bento-switch-track { + .bento-switch-track, :where([data-ui="bento"]) .ui-switch-track { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); border-radius: var(--bento-radius-pill); @@ -2526,7 +2526,7 @@ position: relative; } - .bento-switch-thumb { + .bento-switch-thumb, :where([data-ui="bento"]) .ui-switch-thumb { background: var(--bento-surface-strong); border: 1px solid var(--bento-border); width: 1.34rem; @@ -2539,12 +2539,12 @@ left: .22rem; } - .bento-switch input:checked + .bento-switch-track { + .bento-switch input:checked + .bento-switch-track, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track { background: var(--bento-primary); border-color: var(--bento-primary); } - .bento-switch input:checked + .bento-switch-track .bento-switch-thumb { + .bento-switch input:checked + .bento-switch-track .bento-switch-thumb, :where([data-ui="bento"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--bento-on-primary); left: calc(100% - 1.56rem); } diff --git a/dist/visual/brutalism.css b/dist/visual/brutalism.css index e9a3b96..9abaff7 100644 --- a/dist/visual/brutalism.css +++ b/dist/visual/brutalism.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="brutalism"]) .ui-check, :where([data-ui="brutalism"]) .ui-radio, :where([data-ui="brutalism"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="brutalism"]) .ui-check-control, :where([data-ui="brutalism"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="brutalism"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="brutalism"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="brutalism"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="brutalism"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2445,19 +2445,19 @@ font-family: var(--brutal-font-control); } - .brutal-field { + .brutal-field, :where([data-ui="brutalism"]) .ui-field { gap: var(--brutal-space-2); flex-direction: column; display: flex; } - .brutal-label { + .brutal-label, :where([data-ui="brutalism"]) .ui-label { text-transform: uppercase; letter-spacing: .05em; font-weight: 900; } - .brutal-input, .brutal-textarea, .brutal-select { + .brutal-input, .brutal-textarea, .brutal-select, :where([data-ui="brutalism"]) .ui-input, :where([data-ui="brutalism"]) .ui-textarea, :where([data-ui="brutalism"]) .ui-select { background: var(--brutal-surface-strong); width: 100%; min-height: 2.9rem; @@ -2470,17 +2470,17 @@ box-shadow: inset 4px 4px #0000001f; } - .brutal-textarea { + .brutal-textarea, :where([data-ui="brutalism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .brutal-input:focus, .brutal-textarea:focus, .brutal-select:focus { + .brutal-input:focus, .brutal-textarea:focus, .brutal-select:focus, :where([data-ui="brutalism"]) .ui-input:focus, :where([data-ui="brutalism"]) .ui-textarea:focus, :where([data-ui="brutalism"]) .ui-select:focus { border-color: var(--brutal-focus); box-shadow: 0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f; } - .brutal-help-text { + .brutal-help-text, :where([data-ui="brutalism"]) .ui-help-text { color: var(--brutal-text-muted); font-size: .9rem; } diff --git a/dist/visual/cyberpunk.css b/dist/visual/cyberpunk.css index c1ff306..7de171e 100644 --- a/dist/visual/cyberpunk.css +++ b/dist/visual/cyberpunk.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="cyberpunk"]) .ui-check, :where([data-ui="cyberpunk"]) .ui-radio, :where([data-ui="cyberpunk"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="cyberpunk"]) .ui-check-control, :where([data-ui="cyberpunk"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="cyberpunk"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="cyberpunk"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="cyberpunk"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="cyberpunk"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2389,13 +2389,13 @@ padding: 0; } - .cyber-field { + .cyber-field, :where([data-ui="cyberpunk"]) .ui-field { gap: var(--cyber-space-2); flex-direction: column; display: flex; } - .cyber-label { + .cyber-label, :where([data-ui="cyberpunk"]) .ui-label { font-family: var(--cyber-font-heading); text-transform: uppercase; letter-spacing: .14em; @@ -2403,7 +2403,7 @@ font-weight: 800; } - .cyber-input, .cyber-textarea, .cyber-select { + .cyber-input, .cyber-textarea, .cyber-select, :where([data-ui="cyberpunk"]) .ui-input, :where([data-ui="cyberpunk"]) .ui-textarea, :where([data-ui="cyberpunk"]) .ui-select { background: var(--cyber-surface-soft); width: 100%; min-height: 2.9rem; @@ -2416,17 +2416,17 @@ box-shadow: inset 0 0 18px #0003; } - .cyber-textarea { + .cyber-textarea, :where([data-ui="cyberpunk"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .cyber-input:focus, .cyber-textarea:focus, .cyber-select:focus { + .cyber-input:focus, .cyber-textarea:focus, .cyber-select:focus, :where([data-ui="cyberpunk"]) .ui-input:focus, :where([data-ui="cyberpunk"]) .ui-textarea:focus, :where([data-ui="cyberpunk"]) .ui-select:focus { border-color: var(--cyber-focus); box-shadow: 0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003; } - .cyber-help-text { + .cyber-help-text, :where([data-ui="cyberpunk"]) .ui-help-text { color: var(--cyber-text-muted); font-size: .9rem; } @@ -2640,7 +2640,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } diff --git a/dist/visual/maximalist.css b/dist/visual/maximalist.css index 5188932..debc9bf 100644 --- a/dist/visual/maximalist.css +++ b/dist/visual/maximalist.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="maximalist"]) .ui-check, :where([data-ui="maximalist"]) .ui-radio, :where([data-ui="maximalist"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="maximalist"]) .ui-check-control, :where([data-ui="maximalist"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="maximalist"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="maximalist"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="maximalist"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="maximalist"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2400,19 +2400,19 @@ font-family: var(--max-font-control); } - .max-field { + .max-field, :where([data-ui="maximalist"]) .ui-field { gap: var(--max-space-2); flex-direction: column; display: flex; } - .max-label { + .max-label, :where([data-ui="maximalist"]) .ui-label { color: var(--max-text); font-size: .925rem; font-weight: 800; } - .max-input, .max-textarea, .max-select { + .max-input, .max-textarea, .max-select, :where([data-ui="maximalist"]) .ui-input, :where([data-ui="maximalist"]) .ui-textarea, :where([data-ui="maximalist"]) .ui-select { background: var(--max-surface-soft); width: 100%; min-height: 2.875rem; @@ -2425,32 +2425,32 @@ padding: .75rem 1rem; } - .max-textarea { + .max-textarea, :where([data-ui="maximalist"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .max-input::placeholder, .max-textarea::placeholder { + .max-input::placeholder, .max-textarea::placeholder, :where([data-ui="maximalist"]) .ui-input::placeholder, :where([data-ui="maximalist"]) .ui-textarea::placeholder { color: var(--max-text-muted); opacity: .82; } - .max-input:hover, .max-textarea:hover, .max-select:hover { + .max-input:hover, .max-textarea:hover, .max-select:hover, :where([data-ui="maximalist"]) .ui-input:hover, :where([data-ui="maximalist"]) .ui-textarea:hover, :where([data-ui="maximalist"]) .ui-select:hover { border-color: rgb(var(--max-primary-rgb)/.58); } - .max-input:focus, .max-textarea:focus, .max-select:focus { + .max-input:focus, .max-textarea:focus, .max-select:focus, :where([data-ui="maximalist"]) .ui-input:focus, :where([data-ui="maximalist"]) .ui-textarea:focus, :where([data-ui="maximalist"]) .ui-select:focus { border-color: var(--max-focus); box-shadow: var(--max-focus-ring); } - .max-help-text { + .max-help-text, :where([data-ui="maximalist"]) .ui-help-text { color: var(--max-text-muted); font-size: .875rem; line-height: 1.45; } - .max-check, .max-radio { + .max-check, .max-radio, :where([data-ui="maximalist"]) .ui-check, :where([data-ui="maximalist"]) .ui-radio { align-items: center; gap: var(--max-space-2); color: var(--max-text); @@ -2458,13 +2458,13 @@ display: inline-flex; } - .max-check input, .max-radio input { + .max-check input, .max-radio input, :where([data-ui="maximalist"]) .ui-check input, :where([data-ui="maximalist"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .max-check-control, .max-radio-control { + .max-check-control, .max-radio-control, :where([data-ui="maximalist"]) .ui-check-control, :where([data-ui="maximalist"]) .ui-radio-control { background: var(--max-surface-soft); border: 3px solid var(--max-border); width: 1.35rem; @@ -2474,28 +2474,28 @@ display: inline-grid; } - .max-check-control { + .max-check-control, :where([data-ui="maximalist"]) .ui-check-control { border-radius: var(--max-radius-xs); } - .max-radio-control { + .max-radio-control, :where([data-ui="maximalist"]) .ui-radio-control { border-radius: 50%; } - .max-check input:checked + .max-check-control, .max-radio input:checked + .max-radio-control { + .max-check input:checked + .max-check-control, .max-radio input:checked + .max-radio-control, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control { background: var(--max-primary); border-color: var(--max-primary); box-shadow: var(--max-focus-ring); } - .max-check input:checked + .max-check-control:after { + .max-check input:checked + .max-check-control:after, :where([data-ui="maximalist"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--max-on-primary); font-size: .9rem; font-weight: 900; } - .max-radio input:checked + .max-radio-control:after { + .max-radio input:checked + .max-radio-control:after, :where([data-ui="maximalist"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--max-on-primary); border-radius: 50%; @@ -2503,7 +2503,7 @@ height: .55rem; } - .max-switch { + .max-switch, :where([data-ui="maximalist"]) .ui-switch { align-items: center; gap: var(--max-space-3); color: var(--max-text); @@ -2511,13 +2511,13 @@ display: inline-flex; } - .max-switch input { + .max-switch input, :where([data-ui="maximalist"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .max-switch-track { + .max-switch-track, :where([data-ui="maximalist"]) .ui-switch-track { background: var(--max-surface-soft); border: 3px solid var(--max-border); border-radius: var(--max-radius-pill); @@ -2527,7 +2527,7 @@ position: relative; } - .max-switch-thumb { + .max-switch-thumb, :where([data-ui="maximalist"]) .ui-switch-thumb { background: var(--max-surface-strong); border: 3px solid var(--max-border); width: 1.34rem; @@ -2540,12 +2540,12 @@ left: .22rem; } - .max-switch input:checked + .max-switch-track { + .max-switch input:checked + .max-switch-track, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track { background: var(--max-primary); border-color: var(--max-primary); } - .max-switch input:checked + .max-switch-track .max-switch-thumb { + .max-switch input:checked + .max-switch-track .max-switch-thumb, :where([data-ui="maximalist"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--max-on-primary); left: calc(100% - 1.56rem); } diff --git a/dist/visual/minimal-saas.css b/dist/visual/minimal-saas.css index 6dbc520..a6bc773 100644 --- a/dist/visual/minimal-saas.css +++ b/dist/visual/minimal-saas.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="minimal-saas"]) .ui-check, :where([data-ui="minimal-saas"]) .ui-radio, :where([data-ui="minimal-saas"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="minimal-saas"]) .ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="minimal-saas"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="minimal-saas"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2399,19 +2399,19 @@ font-family: var(--saas-font-control); } - .saas-field { + .saas-field, :where([data-ui="minimal-saas"]) .ui-field { gap: var(--saas-space-2); flex-direction: column; display: flex; } - .saas-label { + .saas-label, :where([data-ui="minimal-saas"]) .ui-label { color: var(--saas-text); font-size: .925rem; font-weight: 800; } - .saas-input, .saas-textarea, .saas-select { + .saas-input, .saas-textarea, .saas-select, :where([data-ui="minimal-saas"]) .ui-input, :where([data-ui="minimal-saas"]) .ui-textarea, :where([data-ui="minimal-saas"]) .ui-select { background: var(--saas-surface-soft); width: 100%; min-height: 2.875rem; @@ -2424,32 +2424,32 @@ padding: .75rem 1rem; } - .saas-textarea { + .saas-textarea, :where([data-ui="minimal-saas"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .saas-input::placeholder, .saas-textarea::placeholder { + .saas-input::placeholder, .saas-textarea::placeholder, :where([data-ui="minimal-saas"]) .ui-input::placeholder, :where([data-ui="minimal-saas"]) .ui-textarea::placeholder { color: var(--saas-text-muted); opacity: .82; } - .saas-input:hover, .saas-textarea:hover, .saas-select:hover { + .saas-input:hover, .saas-textarea:hover, .saas-select:hover, :where([data-ui="minimal-saas"]) .ui-input:hover, :where([data-ui="minimal-saas"]) .ui-textarea:hover, :where([data-ui="minimal-saas"]) .ui-select:hover { border-color: rgb(var(--saas-primary-rgb)/.58); } - .saas-input:focus, .saas-textarea:focus, .saas-select:focus { + .saas-input:focus, .saas-textarea:focus, .saas-select:focus, :where([data-ui="minimal-saas"]) .ui-input:focus, :where([data-ui="minimal-saas"]) .ui-textarea:focus, :where([data-ui="minimal-saas"]) .ui-select:focus { border-color: var(--saas-focus); box-shadow: var(--saas-focus-ring); } - .saas-help-text { + .saas-help-text, :where([data-ui="minimal-saas"]) .ui-help-text { color: var(--saas-text-muted); font-size: .875rem; line-height: 1.45; } - .saas-check, .saas-radio { + .saas-check, .saas-radio, :where([data-ui="minimal-saas"]) .ui-check, :where([data-ui="minimal-saas"]) .ui-radio { align-items: center; gap: var(--saas-space-2); color: var(--saas-text); @@ -2457,13 +2457,13 @@ display: inline-flex; } - .saas-check input, .saas-radio input { + .saas-check input, .saas-radio input, :where([data-ui="minimal-saas"]) .ui-check input, :where([data-ui="minimal-saas"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .saas-check-control, .saas-radio-control { + .saas-check-control, .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio-control { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); width: 1.35rem; @@ -2473,28 +2473,28 @@ display: inline-grid; } - .saas-check-control { + .saas-check-control, :where([data-ui="minimal-saas"]) .ui-check-control { border-radius: var(--saas-radius-xs); } - .saas-radio-control { + .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-radio-control { border-radius: 50%; } - .saas-check input:checked + .saas-check-control, .saas-radio input:checked + .saas-radio-control { + .saas-check input:checked + .saas-check-control, .saas-radio input:checked + .saas-radio-control, :where([data-ui="minimal-saas"]) .ui-check input:checked+.ui-check-control, :where([data-ui="minimal-saas"]) .ui-radio input:checked+.ui-radio-control { background: var(--saas-primary); border-color: var(--saas-primary); box-shadow: var(--saas-focus-ring); } - .saas-check input:checked + .saas-check-control:after { + .saas-check input:checked + .saas-check-control:after, :where([data-ui="minimal-saas"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--saas-on-primary); font-size: .9rem; font-weight: 900; } - .saas-radio input:checked + .saas-radio-control:after { + .saas-radio input:checked + .saas-radio-control:after, :where([data-ui="minimal-saas"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--saas-on-primary); border-radius: 50%; @@ -2502,7 +2502,7 @@ height: .55rem; } - .saas-switch { + .saas-switch, :where([data-ui="minimal-saas"]) .ui-switch { align-items: center; gap: var(--saas-space-3); color: var(--saas-text); @@ -2510,13 +2510,13 @@ display: inline-flex; } - .saas-switch input { + .saas-switch input, :where([data-ui="minimal-saas"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .saas-switch-track { + .saas-switch-track, :where([data-ui="minimal-saas"]) .ui-switch-track { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); border-radius: var(--saas-radius-pill); @@ -2526,7 +2526,7 @@ position: relative; } - .saas-switch-thumb { + .saas-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch-thumb { background: var(--saas-surface-strong); border: 1px solid var(--saas-border); width: 1.34rem; @@ -2539,12 +2539,12 @@ left: .22rem; } - .saas-switch input:checked + .saas-switch-track { + .saas-switch input:checked + .saas-switch-track, :where([data-ui="minimal-saas"]) .ui-switch input:checked+.ui-switch-track { background: var(--saas-primary); border-color: var(--saas-primary); } - .saas-switch input:checked + .saas-switch-track .saas-switch-thumb { + .saas-switch input:checked + .saas-switch-track .saas-switch-thumb, :where([data-ui="minimal-saas"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--saas-on-primary); left: calc(100% - 1.56rem); } diff --git a/dist/visual/neumorphism.css b/dist/visual/neumorphism.css index 6a8be4e..96f004e 100644 --- a/dist/visual/neumorphism.css +++ b/dist/visual/neumorphism.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="neumorphism"]) .ui-check, :where([data-ui="neumorphism"]) .ui-radio, :where([data-ui="neumorphism"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="neumorphism"]) .ui-check-control, :where([data-ui="neumorphism"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="neumorphism"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="neumorphism"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2399,19 +2399,19 @@ font-family: var(--neo-font-control); } - .neo-field { + .neo-field, :where([data-ui="neumorphism"]) .ui-field { gap: var(--neo-space-2); flex-direction: column; display: flex; } - .neo-label { + .neo-label, :where([data-ui="neumorphism"]) .ui-label { color: var(--neo-text); font-size: .925rem; font-weight: 800; } - .neo-input, .neo-textarea, .neo-select { + .neo-input, .neo-textarea, .neo-select, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { background: var(--neo-surface-soft); width: 100%; min-height: 2.875rem; @@ -2424,32 +2424,32 @@ padding: .75rem 1rem; } - .neo-textarea { + .neo-textarea, :where([data-ui="neumorphism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .neo-input::placeholder, .neo-textarea::placeholder { + .neo-input::placeholder, .neo-textarea::placeholder, :where([data-ui="neumorphism"]) .ui-input::placeholder, :where([data-ui="neumorphism"]) .ui-textarea::placeholder { color: var(--neo-text-muted); opacity: .82; } - .neo-input:hover, .neo-textarea:hover, .neo-select:hover { + .neo-input:hover, .neo-textarea:hover, .neo-select:hover, :where([data-ui="neumorphism"]) .ui-input:hover, :where([data-ui="neumorphism"]) .ui-textarea:hover, :where([data-ui="neumorphism"]) .ui-select:hover { border-color: rgb(var(--neo-primary-rgb)/.58); } - .neo-input:focus, .neo-textarea:focus, .neo-select:focus { + .neo-input:focus, .neo-textarea:focus, .neo-select:focus, :where([data-ui="neumorphism"]) .ui-input:focus, :where([data-ui="neumorphism"]) .ui-textarea:focus, :where([data-ui="neumorphism"]) .ui-select:focus { border-color: var(--neo-focus); box-shadow: var(--neo-focus-ring); } - .neo-help-text { + .neo-help-text, :where([data-ui="neumorphism"]) .ui-help-text { color: var(--neo-text-muted); font-size: .875rem; line-height: 1.45; } - .neo-check, .neo-radio { + .neo-check, .neo-radio, :where([data-ui="neumorphism"]) .ui-check, :where([data-ui="neumorphism"]) .ui-radio { align-items: center; gap: var(--neo-space-2); color: var(--neo-text); @@ -2457,13 +2457,13 @@ display: inline-flex; } - .neo-check input, .neo-radio input { + .neo-check input, .neo-radio input, :where([data-ui="neumorphism"]) .ui-check input, :where([data-ui="neumorphism"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .neo-check-control, .neo-radio-control { + .neo-check-control, .neo-radio-control, :where([data-ui="neumorphism"]) .ui-check-control, :where([data-ui="neumorphism"]) .ui-radio-control { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); width: 1.35rem; @@ -2473,28 +2473,28 @@ display: inline-grid; } - .neo-check-control { + .neo-check-control, :where([data-ui="neumorphism"]) .ui-check-control { border-radius: var(--neo-radius-xs); } - .neo-radio-control { + .neo-radio-control, :where([data-ui="neumorphism"]) .ui-radio-control { border-radius: 50%; } - .neo-check input:checked + .neo-check-control, .neo-radio input:checked + .neo-radio-control { + .neo-check input:checked + .neo-check-control, .neo-radio input:checked + .neo-radio-control, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control, :where([data-ui="neumorphism"]) .ui-radio input:checked+.ui-radio-control { background: var(--neo-primary); border-color: var(--neo-primary); box-shadow: var(--neo-focus-ring); } - .neo-check input:checked + .neo-check-control:after { + .neo-check input:checked + .neo-check-control:after, :where([data-ui="neumorphism"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--neo-on-primary); font-size: .9rem; font-weight: 900; } - .neo-radio input:checked + .neo-radio-control:after { + .neo-radio input:checked + .neo-radio-control:after, :where([data-ui="neumorphism"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--neo-on-primary); border-radius: 50%; @@ -2502,7 +2502,7 @@ height: .55rem; } - .neo-switch { + .neo-switch, :where([data-ui="neumorphism"]) .ui-switch { align-items: center; gap: var(--neo-space-3); color: var(--neo-text); @@ -2510,13 +2510,13 @@ display: inline-flex; } - .neo-switch input { + .neo-switch input, :where([data-ui="neumorphism"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .neo-switch-track { + .neo-switch-track, :where([data-ui="neumorphism"]) .ui-switch-track { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); border-radius: var(--neo-radius-pill); @@ -2526,7 +2526,7 @@ position: relative; } - .neo-switch-thumb { + .neo-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch-thumb { background: var(--neo-surface-strong); border: 1px solid var(--neo-border); width: 1.34rem; @@ -2539,12 +2539,12 @@ left: .22rem; } - .neo-switch input:checked + .neo-switch-track { + .neo-switch input:checked + .neo-switch-track, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track { background: var(--neo-primary); border-color: var(--neo-primary); } - .neo-switch input:checked + .neo-switch-track .neo-switch-thumb { + .neo-switch input:checked + .neo-switch-track .neo-switch-thumb, :where([data-ui="neumorphism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--neo-on-primary); left: calc(100% - 1.56rem); } @@ -2847,7 +2847,7 @@ box-shadow: 16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light); } - .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress { + .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } diff --git a/dist/visual/retro-glass.css b/dist/visual/retro-glass.css index bfb15fe..3e218b5 100644 --- a/dist/visual/retro-glass.css +++ b/dist/visual/retro-glass.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="retro-glass"]) .ui-check, :where([data-ui="retro-glass"]) .ui-radio, :where([data-ui="retro-glass"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="retro-glass"]) .ui-check-control, :where([data-ui="retro-glass"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="retro-glass"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="retro-glass"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="retro-glass"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="retro-glass"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2393,13 +2393,13 @@ padding: 0; } - .rg-field { + .rg-field, :where([data-ui="retro-glass"]) .ui-field { gap: var(--rg-space-2); flex-direction: column; display: flex; } - .rg-label { + .rg-label, :where([data-ui="retro-glass"]) .ui-label { font-family: var(--rg-font-heading); text-transform: uppercase; letter-spacing: .12em; @@ -2407,7 +2407,7 @@ font-weight: 900; } - .rg-input, .rg-textarea, .rg-select { + .rg-input, .rg-textarea, .rg-select, :where([data-ui="retro-glass"]) .ui-input, :where([data-ui="retro-glass"]) .ui-textarea, :where([data-ui="retro-glass"]) .ui-select { background: linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft); width: 100%; min-height: 2.9rem; @@ -2421,17 +2421,17 @@ box-shadow: inset 0 8px 18px #00000024; } - .rg-textarea { + .rg-textarea, :where([data-ui="retro-glass"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .rg-input:focus, .rg-textarea:focus, .rg-select:focus { + .rg-input:focus, .rg-textarea:focus, .rg-select:focus, :where([data-ui="retro-glass"]) .ui-input:focus, :where([data-ui="retro-glass"]) .ui-textarea:focus, :where([data-ui="retro-glass"]) .ui-select:focus { border-color: var(--rg-focus); box-shadow: inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22); } - .rg-help-text { + .rg-help-text, :where([data-ui="retro-glass"]) .ui-help-text { color: var(--rg-text-muted); font-size: .9rem; } diff --git a/dist/visual/retrofuturism.css b/dist/visual/retrofuturism.css index b663d86..6a814bd 100644 --- a/dist/visual/retrofuturism.css +++ b/dist/visual/retrofuturism.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="retrofuturism"]) .ui-check, :where([data-ui="retrofuturism"]) .ui-radio, :where([data-ui="retrofuturism"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="retrofuturism"]) .ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="retrofuturism"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="retrofuturism"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2399,19 +2399,19 @@ font-family: var(--retro-font-control); } - .retro-field { + .retro-field, :where([data-ui="retrofuturism"]) .ui-field { gap: var(--retro-space-2); flex-direction: column; display: flex; } - .retro-label { + .retro-label, :where([data-ui="retrofuturism"]) .ui-label { color: var(--retro-text); font-size: .925rem; font-weight: 800; } - .retro-input, .retro-textarea, .retro-select { + .retro-input, .retro-textarea, .retro-select, :where([data-ui="retrofuturism"]) .ui-input, :where([data-ui="retrofuturism"]) .ui-textarea, :where([data-ui="retrofuturism"]) .ui-select { background: var(--retro-surface-soft); width: 100%; min-height: 2.875rem; @@ -2424,32 +2424,32 @@ padding: .75rem 1rem; } - .retro-textarea { + .retro-textarea, :where([data-ui="retrofuturism"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .retro-input::placeholder, .retro-textarea::placeholder { + .retro-input::placeholder, .retro-textarea::placeholder, :where([data-ui="retrofuturism"]) .ui-input::placeholder, :where([data-ui="retrofuturism"]) .ui-textarea::placeholder { color: var(--retro-text-muted); opacity: .82; } - .retro-input:hover, .retro-textarea:hover, .retro-select:hover { + .retro-input:hover, .retro-textarea:hover, .retro-select:hover, :where([data-ui="retrofuturism"]) .ui-input:hover, :where([data-ui="retrofuturism"]) .ui-textarea:hover, :where([data-ui="retrofuturism"]) .ui-select:hover { border-color: rgb(var(--retro-primary-rgb)/.58); } - .retro-input:focus, .retro-textarea:focus, .retro-select:focus { + .retro-input:focus, .retro-textarea:focus, .retro-select:focus, :where([data-ui="retrofuturism"]) .ui-input:focus, :where([data-ui="retrofuturism"]) .ui-textarea:focus, :where([data-ui="retrofuturism"]) .ui-select:focus { border-color: var(--retro-focus); box-shadow: var(--retro-focus-ring); } - .retro-help-text { + .retro-help-text, :where([data-ui="retrofuturism"]) .ui-help-text { color: var(--retro-text-muted); font-size: .875rem; line-height: 1.45; } - .retro-check, .retro-radio { + .retro-check, .retro-radio, :where([data-ui="retrofuturism"]) .ui-check, :where([data-ui="retrofuturism"]) .ui-radio { align-items: center; gap: var(--retro-space-2); color: var(--retro-text); @@ -2457,13 +2457,13 @@ display: inline-flex; } - .retro-check input, .retro-radio input { + .retro-check input, .retro-radio input, :where([data-ui="retrofuturism"]) .ui-check input, :where([data-ui="retrofuturism"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .retro-check-control, .retro-radio-control { + .retro-check-control, .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio-control { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); width: 1.35rem; @@ -2473,28 +2473,28 @@ display: inline-grid; } - .retro-check-control { + .retro-check-control, :where([data-ui="retrofuturism"]) .ui-check-control { border-radius: var(--retro-radius-xs); } - .retro-radio-control { + .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-radio-control { border-radius: 50%; } - .retro-check input:checked + .retro-check-control, .retro-radio input:checked + .retro-radio-control { + .retro-check input:checked + .retro-check-control, .retro-radio input:checked + .retro-radio-control, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control, :where([data-ui="retrofuturism"]) .ui-radio input:checked+.ui-radio-control { background: var(--retro-primary); border-color: var(--retro-primary); box-shadow: var(--retro-focus-ring); } - .retro-check input:checked + .retro-check-control:after { + .retro-check input:checked + .retro-check-control:after, :where([data-ui="retrofuturism"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--retro-on-primary); font-size: .9rem; font-weight: 900; } - .retro-radio input:checked + .retro-radio-control:after { + .retro-radio input:checked + .retro-radio-control:after, :where([data-ui="retrofuturism"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--retro-on-primary); border-radius: 50%; @@ -2502,7 +2502,7 @@ height: .55rem; } - .retro-switch { + .retro-switch, :where([data-ui="retrofuturism"]) .ui-switch { align-items: center; gap: var(--retro-space-3); color: var(--retro-text); @@ -2510,13 +2510,13 @@ display: inline-flex; } - .retro-switch input { + .retro-switch input, :where([data-ui="retrofuturism"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .retro-switch-track { + .retro-switch-track, :where([data-ui="retrofuturism"]) .ui-switch-track { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); border-radius: var(--retro-radius-pill); @@ -2526,7 +2526,7 @@ position: relative; } - .retro-switch-thumb { + .retro-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch-thumb { background: var(--retro-surface-strong); border: 1px solid var(--retro-border); width: 1.34rem; @@ -2539,12 +2539,12 @@ left: .22rem; } - .retro-switch input:checked + .retro-switch-track { + .retro-switch input:checked + .retro-switch-track, :where([data-ui="retrofuturism"]) .ui-switch input:checked+.ui-switch-track { background: var(--retro-primary); border-color: var(--retro-primary); } - .retro-switch input:checked + .retro-switch-track .retro-switch-thumb { + .retro-switch input:checked + .retro-switch-track .retro-switch-thumb, :where([data-ui="retrofuturism"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--retro-on-primary); left: calc(100% - 1.56rem); } diff --git a/dist/visual/tactile.css b/dist/visual/tactile.css index f6968e4..a48b0df 100644 --- a/dist/visual/tactile.css +++ b/dist/visual/tactile.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="tactile"]) .ui-check, :where([data-ui="tactile"]) .ui-radio, :where([data-ui="tactile"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="tactile"]) .ui-check-control, :where([data-ui="tactile"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="tactile"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="tactile"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="tactile"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="tactile"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2399,19 +2399,19 @@ font-family: var(--tactile-font-control); } - .tactile-field { + .tactile-field, :where([data-ui="tactile"]) .ui-field { gap: var(--tactile-space-2); flex-direction: column; display: flex; } - .tactile-label { + .tactile-label, :where([data-ui="tactile"]) .ui-label { color: var(--tactile-text); font-size: .925rem; font-weight: 800; } - .tactile-input, .tactile-textarea, .tactile-select { + .tactile-input, .tactile-textarea, .tactile-select, :where([data-ui="tactile"]) .ui-input, :where([data-ui="tactile"]) .ui-textarea, :where([data-ui="tactile"]) .ui-select { background: var(--tactile-surface-soft); width: 100%; min-height: 2.875rem; @@ -2424,32 +2424,32 @@ padding: .75rem 1rem; } - .tactile-textarea { + .tactile-textarea, :where([data-ui="tactile"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .tactile-input::placeholder, .tactile-textarea::placeholder { + .tactile-input::placeholder, .tactile-textarea::placeholder, :where([data-ui="tactile"]) .ui-input::placeholder, :where([data-ui="tactile"]) .ui-textarea::placeholder { color: var(--tactile-text-muted); opacity: .82; } - .tactile-input:hover, .tactile-textarea:hover, .tactile-select:hover { + .tactile-input:hover, .tactile-textarea:hover, .tactile-select:hover, :where([data-ui="tactile"]) .ui-input:hover, :where([data-ui="tactile"]) .ui-textarea:hover, :where([data-ui="tactile"]) .ui-select:hover { border-color: rgb(var(--tactile-primary-rgb)/.58); } - .tactile-input:focus, .tactile-textarea:focus, .tactile-select:focus { + .tactile-input:focus, .tactile-textarea:focus, .tactile-select:focus, :where([data-ui="tactile"]) .ui-input:focus, :where([data-ui="tactile"]) .ui-textarea:focus, :where([data-ui="tactile"]) .ui-select:focus { border-color: var(--tactile-focus); box-shadow: var(--tactile-focus-ring); } - .tactile-help-text { + .tactile-help-text, :where([data-ui="tactile"]) .ui-help-text { color: var(--tactile-text-muted); font-size: .875rem; line-height: 1.45; } - .tactile-check, .tactile-radio { + .tactile-check, .tactile-radio, :where([data-ui="tactile"]) .ui-check, :where([data-ui="tactile"]) .ui-radio { align-items: center; gap: var(--tactile-space-2); color: var(--tactile-text); @@ -2457,13 +2457,13 @@ display: inline-flex; } - .tactile-check input, .tactile-radio input { + .tactile-check input, .tactile-radio input, :where([data-ui="tactile"]) .ui-check input, :where([data-ui="tactile"]) .ui-radio input { opacity: 0; pointer-events: none; position: absolute; } - .tactile-check-control, .tactile-radio-control { + .tactile-check-control, .tactile-radio-control, :where([data-ui="tactile"]) .ui-check-control, :where([data-ui="tactile"]) .ui-radio-control { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); width: 1.35rem; @@ -2473,28 +2473,28 @@ display: inline-grid; } - .tactile-check-control { + .tactile-check-control, :where([data-ui="tactile"]) .ui-check-control { border-radius: var(--tactile-radius-xs); } - .tactile-radio-control { + .tactile-radio-control, :where([data-ui="tactile"]) .ui-radio-control { border-radius: 50%; } - .tactile-check input:checked + .tactile-check-control, .tactile-radio input:checked + .tactile-radio-control { + .tactile-check input:checked + .tactile-check-control, .tactile-radio input:checked + .tactile-radio-control, :where([data-ui="tactile"]) .ui-check input:checked+.ui-check-control, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control { background: var(--tactile-primary); border-color: var(--tactile-primary); box-shadow: var(--tactile-focus-ring); } - .tactile-check input:checked + .tactile-check-control:after { + .tactile-check input:checked + .tactile-check-control:after, :where([data-ui="tactile"]) .ui-check input:checked+.ui-check-control:after { content: "✓"; color: var(--tactile-on-primary); font-size: .9rem; font-weight: 900; } - .tactile-radio input:checked + .tactile-radio-control:after { + .tactile-radio input:checked + .tactile-radio-control:after, :where([data-ui="tactile"]) .ui-radio input:checked+.ui-radio-control:after { content: ""; background: var(--tactile-on-primary); border-radius: 50%; @@ -2502,7 +2502,7 @@ height: .55rem; } - .tactile-switch { + .tactile-switch, :where([data-ui="tactile"]) .ui-switch { align-items: center; gap: var(--tactile-space-3); color: var(--tactile-text); @@ -2510,13 +2510,13 @@ display: inline-flex; } - .tactile-switch input { + .tactile-switch input, :where([data-ui="tactile"]) .ui-switch input { opacity: 0; pointer-events: none; position: absolute; } - .tactile-switch-track { + .tactile-switch-track, :where([data-ui="tactile"]) .ui-switch-track { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); border-radius: var(--tactile-radius-pill); @@ -2526,7 +2526,7 @@ position: relative; } - .tactile-switch-thumb { + .tactile-switch-thumb, :where([data-ui="tactile"]) .ui-switch-thumb { background: var(--tactile-surface-strong); border: 1px solid var(--tactile-border); width: 1.34rem; @@ -2539,12 +2539,12 @@ left: .22rem; } - .tactile-switch input:checked + .tactile-switch-track { + .tactile-switch input:checked + .tactile-switch-track, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track { background: var(--tactile-primary); border-color: var(--tactile-primary); } - .tactile-switch input:checked + .tactile-switch-track .tactile-switch-thumb { + .tactile-switch input:checked + .tactile-switch-track .tactile-switch-thumb, :where([data-ui="tactile"]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb { background: var(--tactile-on-primary); left: calc(100% - 1.56rem); } diff --git a/dist/visual/y2k.css b/dist/visual/y2k.css index b848e2f..e9c0a26 100644 --- a/dist/visual/y2k.css +++ b/dist/visual/y2k.css @@ -1957,7 +1957,7 @@ border-color: var(--usk-native-border); } -.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch { +.saas-check, .saas-radio, .saas-switch, .bento-check, .bento-radio, .bento-switch, .max-check, .max-radio, .max-switch, .bau-check, .bau-radio, .bau-switch, .tactile-check, .tactile-radio, .tactile-switch, .neo-check, .neo-radio, .neo-switch, .retro-check, .retro-radio, .retro-switch, .brutal-check, .brutal-radio, .brutal-switch, .cyber-check, .cyber-radio, .cyber-switch, .y2k-check, .y2k-radio, .y2k-switch, .rg-check, .rg-radio, .rg-switch, :where([data-ui="y2k"]) .ui-check, :where([data-ui="y2k"]) .ui-radio, :where([data-ui="y2k"]) .ui-switch { display: inline-flex; align-items: center; gap: var(--usk-native-field-gap); @@ -1965,13 +1965,13 @@ color: var(--usk-native-text); } -.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control { +.saas-check-control, .saas-radio-control, .bento-check-control, .bento-radio-control, .max-check-control, .max-radio-control, .bau-check-control, .bau-radio-control, .tactile-check-control, .tactile-radio-control, .neo-check-control, .neo-radio-control, .retro-check-control, .retro-radio-control, .brutal-check-control, .brutal-radio-control, .cyber-check-control, .cyber-radio-control, .y2k-check-control, .y2k-radio-control, .rg-check-control, .rg-radio-control, :where([data-ui="y2k"]) .ui-check-control, :where([data-ui="y2k"]) .ui-radio-control { inline-size: 1.5rem; block-size: 1.5rem; accent-color: var(--usk-native-primary); } -.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track { +.saas-switch-track, .bento-switch-track, .max-switch-track, .bau-switch-track, .tactile-switch-track, .neo-switch-track, .retro-switch-track, .brutal-switch-track, .cyber-switch-track, .y2k-switch-track, .rg-switch-track, :where([data-ui="y2k"]) .ui-switch-track { position: relative; display: inline-flex; align-items: center; @@ -1983,7 +1983,7 @@ border-radius: 999px; } -.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb { +.saas-switch-thumb, .bento-switch-thumb, .max-switch-thumb, .bau-switch-thumb, .tactile-switch-thumb, .neo-switch-thumb, .retro-switch-thumb, .brutal-switch-thumb, .cyber-switch-thumb, .y2k-switch-thumb, .rg-switch-thumb, :where([data-ui="y2k"]) .ui-switch-thumb { inline-size: 1rem; block-size: 1rem; background: var(--usk-native-thumb); @@ -2002,7 +2002,7 @@ .brutal-switch:has(input:checked) .brutal-switch-track, .cyber-switch:has(input:checked) .cyber-switch-track, .y2k-switch:has(input:checked) .y2k-switch-track, -.rg-switch:has(input:checked) .rg-switch-track { +.rg-switch:has(input:checked) .rg-switch-track, :where([data-ui="y2k"]) .ui-switch:has(input:checked) .ui-switch-track { background: var(--usk-native-track-fill); } @@ -2016,7 +2016,7 @@ .brutal-switch:has(input:checked) .brutal-switch-thumb, .cyber-switch:has(input:checked) .cyber-switch-thumb, .y2k-switch:has(input:checked) .y2k-switch-thumb, -.rg-switch:has(input:checked) .rg-switch-thumb { +.rg-switch:has(input:checked) .rg-switch-thumb, :where([data-ui="y2k"]) .ui-switch:has(input:checked) .ui-switch-thumb { transform: translateX(1.25rem); } @@ -2382,18 +2382,18 @@ padding: 0; } - .y2k-field { + .y2k-field, :where([data-ui="y2k"]) .ui-field { gap: var(--y2k-space-2); flex-direction: column; display: flex; } - .y2k-label { + .y2k-label, :where([data-ui="y2k"]) .ui-label { letter-spacing: .04em; font-weight: 900; } - .y2k-input, .y2k-textarea, .y2k-select { + .y2k-input, .y2k-textarea, .y2k-select, :where([data-ui="y2k"]) .ui-input, :where([data-ui="y2k"]) .ui-textarea, :where([data-ui="y2k"]) .ui-select { background: linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft); width: 100%; min-height: 2.9rem; @@ -2406,17 +2406,17 @@ box-shadow: inset 0 6px 14px #0000001f; } - .y2k-textarea { + .y2k-textarea, :where([data-ui="y2k"]) .ui-textarea { resize: vertical; min-height: 8rem; } - .y2k-input:focus, .y2k-textarea:focus, .y2k-select:focus { + .y2k-input:focus, .y2k-textarea:focus, .y2k-select:focus, :where([data-ui="y2k"]) .ui-input:focus, :where([data-ui="y2k"]) .ui-textarea:focus, :where([data-ui="y2k"]) .ui-select:focus { border-color: var(--y2k-focus); box-shadow: inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22); } - .y2k-help-text { + .y2k-help-text, :where([data-ui="y2k"]) .ui-help-text { color: var(--y2k-text-muted); font-size: .9rem; } diff --git a/manifest.json b/manifest.json index 67b23bc..4946edb 100644 --- a/manifest.json +++ b/manifest.json @@ -327,13 +327,7 @@ "selectors": [ ".ui-button", ".ui-icon-button", - ".ui-card" - ] - }, - "pending": { - "status": "pending", - "targetTask": 11, - "selectors": [ + ".ui-card", ".ui-field", ".ui-label", ".ui-help-text", @@ -346,7 +340,13 @@ ".ui-radio-control", ".ui-switch", ".ui-switch-track", - ".ui-switch-thumb", + ".ui-switch-thumb" + ] + }, + "pending": { + "status": "pending", + "targetTask": 11, + "selectors": [ ".ui-badge", ".ui-alert", ".ui-alert-title", diff --git a/tests/e2e/semantic-runtime.spec.js b/tests/e2e/semantic-runtime.spec.js index 4b2e92a..7d27764 100644 --- a/tests/e2e/semantic-runtime.spec.js +++ b/tests/e2e/semantic-runtime.spec.js @@ -45,6 +45,50 @@ const cardProperties = [ 'paddingRight', 'paddingTop' ]; +const fieldProperties = [ + 'alignItems', + 'color', + 'display', + 'flexDirection', + 'fontFamily', + 'fontSize', + 'fontWeight', + 'gap' +]; +const controlProperties = [ + 'appearance', + 'backgroundColor', + 'backgroundImage', + 'borderBottomColor', + 'borderBottomStyle', + 'borderBottomWidth', + 'borderRadius', + 'boxShadow', + 'color', + 'cursor', + 'display', + 'fontFamily', + 'minHeight', + 'opacity', + 'paddingBottom', + 'paddingLeft', + 'paddingRight', + 'paddingTop' +]; +const indicatorProperties = [ + 'backgroundColor', + 'backgroundImage', + 'blockSize', + 'borderBottomColor', + 'borderBottomStyle', + 'borderBottomWidth', + 'borderRadius', + 'boxShadow', + 'display', + 'inlineSize', + 'opacity', + 'transform' +]; function buttonMarkup(prefix, variant, kind) { const variantAttribute = variant ? ` data-ui-variant="${variant}"` : ''; @@ -80,6 +124,69 @@ function groupOneFixture(preset) { `; } +function formFixture(preset) { + return ` + + + + + +
+
+ + + Semantic help +
+
+ + + Prefixed help +
+ + + + + + + + + + + + +
+ + `; +} + async function computedSnapshot(page, selector, properties) { return page.locator(selector).evaluate((element, propertyNames) => { const styles = getComputedStyle(element); @@ -198,3 +305,122 @@ test('semantic buttons retain keyboard focus and forced-colors behavior', async expect(results.violations, `${preset.id} semantic group one axe scan`).toEqual([]); } }); + +test('semantic form controls match proven prefixed structures across every preset', async ({ page }) => { + const pairs = [ + ['field', fieldProperties], + ['label', fieldProperties], + ['help', fieldProperties], + ['input', controlProperties], + ['select', controlProperties], + ['textarea', controlProperties], + ['disabled-input', controlProperties], + ['check', fieldProperties], + ['check-control', indicatorProperties], + ['radio-label', fieldProperties], + ['radio-control', indicatorProperties], + ['switch', fieldProperties], + ['switch-track', indicatorProperties], + ['switch-thumb', indicatorProperties] + ]; + + for (const preset of manifest.presets) { + await page.setContent(formFixture(preset)); + await page.addStyleTag({ path: visualBundlePath }); + + for (const [name, properties] of pairs) { + const semantic = await computedSnapshot(page, `#semantic-${name}`, properties); + const prefixed = await computedSnapshot(page, `#prefixed-${name}`, properties); + expect(semantic, `${preset.id} ${name}`).toEqual(prefixed); + } + + await expect(page.getByLabel('Semantic name')).toHaveValue('Semantic input'); + await expect(page.getByLabel('Semantic checkbox')).toBeChecked(); + await expect(page.getByLabel('Semantic radio')).toBeChecked(); + await expect(page.getByLabel('Semantic switch')).toBeChecked(); + await expect(page.locator('#semantic-disabled-input')).toBeDisabled(); + } +}); + +test('form state and classes remain stable through all preset switches', async ({ page }) => { + await page.setContent(formFixture(manifest.presets[0])); + await page.addStyleTag({ path: visualBundlePath }); + const semanticClassSnapshot = await page.evaluate(() => Object.fromEntries( + [...document.querySelectorAll('[class^="ui-"]')].map((element) => [element.id, element.className]) + )); + + for (const preset of manifest.presets) { + await page.evaluate(({ id, prefix }) => { + document.body.dataset.ui = id; + const suffixById = { + 'prefixed-field': 'field', + 'prefixed-label': 'label', + 'prefixed-help': 'help-text', + 'prefixed-input': 'input', + 'prefixed-select': 'select', + 'prefixed-textarea': 'textarea', + 'prefixed-disabled-input': 'input', + 'prefixed-check': 'check', + 'prefixed-check-control': 'check-control', + 'prefixed-radio-label': 'radio', + 'prefixed-radio-control': 'radio-control', + 'prefixed-switch': 'switch', + 'prefixed-switch-track': 'switch-track', + 'prefixed-switch-thumb': 'switch-thumb' + }; + for (const [elementId, suffix] of Object.entries(suffixById)) { + document.getElementById(elementId).className = `${prefix}-${suffix}`; + } + }, preset); + + expect( + await computedSnapshot(page, '#semantic-input', controlProperties), + `${preset.id} stable input` + ).toEqual(await computedSnapshot(page, '#prefixed-input', controlProperties)); + expect( + await computedSnapshot(page, '#semantic-check-control', indicatorProperties), + `${preset.id} stable checked checkbox` + ).toEqual(await computedSnapshot(page, '#prefixed-check-control', indicatorProperties)); + expect( + await computedSnapshot(page, '#semantic-switch-thumb', indicatorProperties), + `${preset.id} stable checked switch` + ).toEqual(await computedSnapshot(page, '#prefixed-switch-thumb', indicatorProperties)); + expect(await page.evaluate(() => Object.fromEntries( + [...document.querySelectorAll('[class^="ui-"]')].map((element) => [element.id, element.className]) + ))).toEqual(semanticClassSnapshot); + } +}); + +test('semantic forms retain focus, disabled, checked, axe, and forced-colors behavior', async ({ page, browserName }) => { + test.skip(browserName !== 'chromium', 'Chromium provides the forced-colors emulation used by this contract.'); + + for (const preset of manifest.presets) { + await page.emulateMedia({ forcedColors: 'active' }); + await page.setContent(formFixture(preset)); + await page.addStyleTag({ path: visualBundlePath }); + await page.locator('#semantic-input').focus(); + + const focusStyles = await computedSnapshot(page, '#semantic-input', [ + 'boxShadow', + 'forcedColorAdjust', + 'outlineStyle', + 'outlineWidth' + ]); + expect(focusStyles.forcedColorAdjust, `${preset.id} form forced colors`).toBe('auto'); + expect(focusStyles.outlineStyle, `${preset.id} form focus`).not.toBe('none'); + expect(Number.parseFloat(focusStyles.outlineWidth), `${preset.id} form focus width`).toBeGreaterThanOrEqual(2); + await expect(page.locator('#semantic-disabled-input')).toBeDisabled(); + await expect(page.locator('#semantic-checkbox')).toBeChecked(); + await expect(page.locator('#semantic-radio')).toBeChecked(); + await expect(page.locator('#semantic-switch-input')).toBeChecked(); + + await page.emulateMedia({ forcedColors: 'none' }); + const results = await new AxeBuilder({ page }) + .include('main') + .withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'wcag22aa']) + // Dedicated contrast verification owns palette ratios; this fixture checks native semantics. + .disableRules(['color-contrast']) + .analyze(); + expect(results.violations, `${preset.id} semantic form axe scan`).toEqual([]); + } +}); diff --git a/tests/semantic-component-contract.test.js b/tests/semantic-component-contract.test.js index 47767c6..a2f6222 100644 --- a/tests/semantic-component-contract.test.js +++ b/tests/semantic-component-contract.test.js @@ -14,8 +14,10 @@ const rootDir = path.resolve(path.dirname(fileURLToPath(import.meta.url)), '..') const manifest = JSON.parse(fs.readFileSync(path.join(rootDir, 'manifest.json'), 'utf8')); const expectedRetainedSelectors = ['.ui-spinner', '.ui-tooltip']; -const expectedImplementedSelectors = ['.ui-button', '.ui-icon-button', '.ui-card']; -const expectedPendingSelectors = [ +const expectedImplementedSelectors = [ + '.ui-button', + '.ui-icon-button', + '.ui-card', '.ui-field', '.ui-label', '.ui-help-text', @@ -28,7 +30,9 @@ const expectedPendingSelectors = [ '.ui-radio-control', '.ui-switch', '.ui-switch-track', - '.ui-switch-thumb', + '.ui-switch-thumb' +]; +const expectedPendingSelectors = [ '.ui-badge', '.ui-alert', '.ui-alert-title', @@ -248,8 +252,8 @@ test('manifest partitions retained, implemented, and pending Task 11 selectors', assert.deepEqual(implementationStatus.pending.selectors, expectedPendingSelectors); assert.equal(implementationStatus.pending.targetTask, 11); assert.equal(implementationStatus.retained.selectors.length, 2); - assert.equal(implementationStatus.implemented.selectors.length, 3); - assert.equal(implementationStatus.pending.selectors.length, 24); + assert.equal(implementationStatus.implemented.selectors.length, 16); + assert.equal(implementationStatus.pending.selectors.length, 11); assert.deepEqual( new Set([ ...implementationStatus.retained.selectors, From 8f0af4b18c610e2173a713cbaf4a656e8db82174 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sun, 9 Aug 2026 00:22:23 -0500 Subject: [PATCH 31/42] feat: extend semantic component coverage --- README.md | 6 +- dist/ui-style-kit.css | 646 +++++++++++----------- dist/ui-style-kit.min.css | 2 +- dist/ui-style-kit.visual.css | 646 +++++++++++----------- dist/ui-style-kit.visual.min.css | 2 +- dist/ui-style-kit.with-bridge.css | 646 +++++++++++----------- dist/ui-style-kit.with-bridge.min.css | 2 +- dist/visual/bauhaus.css | 58 +- dist/visual/bento.css | 58 +- dist/visual/brutalism.css | 54 +- dist/visual/cyberpunk.css | 62 +-- dist/visual/maximalist.css | 58 +- dist/visual/minimal-saas.css | 58 +- dist/visual/neumorphism.css | 66 +-- dist/visual/retro-glass.css | 56 +- dist/visual/retrofuturism.css | 62 +-- dist/visual/tactile.css | 58 +- dist/visual/y2k.css | 56 +- manifest.json | 13 +- tests/e2e/semantic-runtime.spec.js | 209 +++++++ tests/semantic-component-contract.test.js | 30 +- 21 files changed, 1530 insertions(+), 1318 deletions(-) diff --git a/README.md b/README.md index b8713b4..920690b 100644 --- a/README.md +++ b/README.md @@ -145,9 +145,9 @@ When the bridge is attached, add `.interactive-surface` to interactable elements | Import | Raw | Gzip | Best for | |---|---:|---:|---| -| `ui-style-kit-css/dist/ui-style-kit.min.css` | ~334 KB | ~42 KB | Compatible runtime UI-system switchers and demos | -| `ui-style-kit-css/visual.min.css` | ~326 KB | ~41 KB | Runtime visual switching with consumer-owned layout | -| `ui-style-kit-css/with-bridge.css` | ~407 KB | ~47 KB | Deprecated runtime switcher plus stateful bridge | +| `ui-style-kit-css/dist/ui-style-kit.min.css` | ~353 KB | ~44 KB | Compatible runtime UI-system switchers and demos | +| `ui-style-kit-css/visual.min.css` | ~345 KB | ~43 KB | Runtime visual switching with consumer-owned layout | +| `ui-style-kit-css/with-bridge.css` | ~427 KB | ~52 KB | Deprecated runtime switcher plus stateful bridge | | `ui-style-kit-css/theme-colors.css` | ~25 KB | ~3 KB | Shared color schemes for standalone style imports | | `ui-style-kit-css/native-elements.css` | ~21 KB | ~3 KB | Shared native HTML fallback styling | | `ui-style-kit-css/content-overflow.css` | ~7 KB | ~1 KB | Shared long-text containment for standalone style imports | diff --git a/dist/ui-style-kit.css b/dist/ui-style-kit.css index 5c0ab9d..078a9db 100644 --- a/dist/ui-style-kit.css +++ b/dist/ui-style-kit.css @@ -2214,7 +2214,7 @@ background-size: var(--saas-theme-bg-size); } - .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button { + .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-badge, :where([data-ui="minimal-saas"]) .ui-nav-link { font-family: var(--saas-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card { + .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface); color: var(--saas-text); border: 1px solid var(--saas-border); @@ -2274,7 +2274,7 @@ padding: var(--saas-space-6); } - .saas-toolbar { + .saas-toolbar, :where([data-ui="minimal-saas"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--saas-space-4); @@ -2391,11 +2391,11 @@ background: var(--saas-card-bg); } - .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { + .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { background: var(--saas-control-bg); } - .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { + .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button, :where([data-ui="minimal-saas"]) .ui-badge, :where([data-ui="minimal-saas"]) .ui-nav-link { font-family: var(--saas-font-control); } @@ -2549,7 +2549,7 @@ left: calc(100% - 1.56rem); } - .saas-badge { + .saas-badge, :where([data-ui="minimal-saas"]) .ui-badge { align-items: center; gap: var(--saas-space-1); background: var(--saas-surface-soft); @@ -2564,37 +2564,37 @@ display: inline-flex; } - .saas-badge-primary { + .saas-badge-primary, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--saas-primary); color: var(--saas-on-primary); border-color: var(--saas-primary); } - .saas-badge-secondary { + .saas-badge-secondary, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--saas-secondary); color: var(--saas-on-secondary); border-color: var(--saas-secondary); } - .saas-badge-success { + .saas-badge-success, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--saas-success); color: var(--saas-on-success); border-color: var(--saas-success); } - .saas-badge-warning { + .saas-badge-warning, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--saas-warning); color: var(--saas-on-warning); border-color: var(--saas-warning); } - .saas-badge-danger { + .saas-badge-danger, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--saas-danger); color: var(--saas-on-danger); border-color: var(--saas-danger); } - .saas-nav { + .saas-nav, :where([data-ui="minimal-saas"]) .ui-nav { align-items: center; gap: var(--saas-space-2); padding: var(--saas-space-2); @@ -2606,7 +2606,7 @@ display: flex; } - .saas-nav-link { + .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-nav-link { min-height: 2.5rem; color: var(--saas-text-muted); border-radius: var(--saas-radius-pill); @@ -2619,12 +2619,12 @@ display: inline-flex; } - .saas-nav-link:hover { + .saas-nav-link:hover, :where([data-ui="minimal-saas"]) .ui-nav-link:hover { color: var(--saas-text); background: var(--saas-surface-soft); } - .saas-nav-link[aria-current="page"], .saas-nav-link.is-active { + .saas-nav-link[aria-current="page"], .saas-nav-link.is-active, :where([data-ui="minimal-saas"]) .ui-nav-link[aria-current="page"], :where([data-ui="minimal-saas"]) .ui-nav-link.is-active { color: var(--saas-on-primary); background: var(--saas-primary); } @@ -2655,7 +2655,7 @@ transform: rotate(45deg); } - .saas-progress { + .saas-progress, :where([data-ui="minimal-saas"]) .ui-progress { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); border-radius: var(--saas-radius-pill); @@ -2664,14 +2664,14 @@ overflow: hidden; } - .saas-progress-bar { + .saas-progress-bar, :where([data-ui="minimal-saas"]) .ui-progress-bar { height: 100%; width: var(--saas-progress-value, 50%); background: linear-gradient(90deg,var(--saas-primary),var(--saas-accent)); border-radius: inherit; } - .saas-alert { + .saas-alert, :where([data-ui="minimal-saas"]) .ui-alert { gap: var(--saas-space-2); padding: var(--saas-space-4); background: var(--saas-surface); @@ -2682,45 +2682,45 @@ display: grid; } - .saas-alert-success { + .saas-alert-success, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--saas-success); } - .saas-alert-warning { + .saas-alert-warning, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--saas-warning); } - .saas-alert-danger { + .saas-alert-danger, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--saas-danger); } - .saas-alert-title { + .saas-alert-title, :where([data-ui="minimal-saas"]) .ui-alert-title { margin: 0; font-weight: 900; } - .saas-alert-body { + .saas-alert-body, :where([data-ui="minimal-saas"]) .ui-alert-body { color: var(--saas-text-muted); margin: 0; line-height: 1.55; } - .saas-table-wrap { + .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-table-wrap { overflow: auto; } - .saas-table { + .saas-table, :where([data-ui="minimal-saas"]) .ui-table { border-collapse: collapse; width: 100%; } - .saas-table th, .saas-table td { + .saas-table th, .saas-table td, :where([data-ui="minimal-saas"]) .ui-table th, :where([data-ui="minimal-saas"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--saas-border); padding: .95rem 1rem; } - .saas-table th { + .saas-table th, :where([data-ui="minimal-saas"]) .ui-table th { color: var(--saas-text); text-transform: uppercase; letter-spacing: .08em; @@ -2729,11 +2729,11 @@ font-weight: 900; } - .saas-table td { + .saas-table td, :where([data-ui="minimal-saas"]) .ui-table td { color: var(--saas-text-muted); } - .saas-table tr:hover td { + .saas-table tr:hover td, :where([data-ui="minimal-saas"]) .ui-table tr:hover td { background: rgb(var(--saas-primary-rgb)/.045); } @@ -3110,7 +3110,7 @@ background-size: var(--bento-theme-bg-size); } - .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button { + .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link { font-family: var(--bento-font-heading); } @@ -3156,7 +3156,7 @@ height: 1px; } - .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card { + .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface); color: var(--bento-text); border: 1px solid var(--bento-border); @@ -3170,7 +3170,7 @@ padding: var(--bento-space-6); } - .bento-toolbar { + .bento-toolbar, :where([data-ui="bento"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--bento-space-4); @@ -3287,11 +3287,11 @@ background: var(--bento-card-bg); } - .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { + .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { background: var(--bento-control-bg); } - .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { + .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link { font-family: var(--bento-font-control); } @@ -3445,7 +3445,7 @@ left: calc(100% - 1.56rem); } - .bento-badge { + .bento-badge, :where([data-ui="bento"]) .ui-badge { align-items: center; gap: var(--bento-space-1); background: var(--bento-surface-soft); @@ -3460,37 +3460,37 @@ display: inline-flex; } - .bento-badge-primary { + .bento-badge-primary, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--bento-primary); color: var(--bento-on-primary); border-color: var(--bento-primary); } - .bento-badge-secondary { + .bento-badge-secondary, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--bento-secondary); color: var(--bento-on-secondary); border-color: var(--bento-secondary); } - .bento-badge-success { + .bento-badge-success, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--bento-success); color: var(--bento-on-success); border-color: var(--bento-success); } - .bento-badge-warning { + .bento-badge-warning, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--bento-warning); color: var(--bento-on-warning); border-color: var(--bento-warning); } - .bento-badge-danger { + .bento-badge-danger, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--bento-danger); color: var(--bento-on-danger); border-color: var(--bento-danger); } - .bento-nav { + .bento-nav, :where([data-ui="bento"]) .ui-nav { align-items: center; gap: var(--bento-space-2); padding: var(--bento-space-2); @@ -3502,7 +3502,7 @@ display: flex; } - .bento-nav-link { + .bento-nav-link, :where([data-ui="bento"]) .ui-nav-link { min-height: 2.5rem; color: var(--bento-text-muted); border-radius: var(--bento-radius-pill); @@ -3515,12 +3515,12 @@ display: inline-flex; } - .bento-nav-link:hover { + .bento-nav-link:hover, :where([data-ui="bento"]) .ui-nav-link:hover { color: var(--bento-text); background: var(--bento-surface-soft); } - .bento-nav-link[aria-current="page"], .bento-nav-link.is-active { + .bento-nav-link[aria-current="page"], .bento-nav-link.is-active, :where([data-ui="bento"]) .ui-nav-link[aria-current="page"], :where([data-ui="bento"]) .ui-nav-link.is-active { color: var(--bento-on-primary); background: var(--bento-primary); } @@ -3550,7 +3550,7 @@ transform: rotate(45deg); } - .bento-progress { + .bento-progress, :where([data-ui="bento"]) .ui-progress { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); border-radius: var(--bento-radius-pill); @@ -3559,14 +3559,14 @@ overflow: hidden; } - .bento-progress-bar { + .bento-progress-bar, :where([data-ui="bento"]) .ui-progress-bar { height: 100%; width: var(--bento-progress-value, 50%); background: linear-gradient(90deg,var(--bento-primary),var(--bento-accent)); border-radius: inherit; } - .bento-alert { + .bento-alert, :where([data-ui="bento"]) .ui-alert { gap: var(--bento-space-2); padding: var(--bento-space-4); background: var(--bento-surface); @@ -3577,45 +3577,45 @@ display: grid; } - .bento-alert-success { + .bento-alert-success, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--bento-success); } - .bento-alert-warning { + .bento-alert-warning, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--bento-warning); } - .bento-alert-danger { + .bento-alert-danger, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--bento-danger); } - .bento-alert-title { + .bento-alert-title, :where([data-ui="bento"]) .ui-alert-title { margin: 0; font-weight: 900; } - .bento-alert-body { + .bento-alert-body, :where([data-ui="bento"]) .ui-alert-body { color: var(--bento-text-muted); margin: 0; line-height: 1.55; } - .bento-table-wrap { + .bento-table-wrap, :where([data-ui="bento"]) .ui-table-wrap { overflow: auto; } - .bento-table { + .bento-table, :where([data-ui="bento"]) .ui-table { border-collapse: collapse; width: 100%; } - .bento-table th, .bento-table td { + .bento-table th, .bento-table td, :where([data-ui="bento"]) .ui-table th, :where([data-ui="bento"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--bento-border); padding: .95rem 1rem; } - .bento-table th { + .bento-table th, :where([data-ui="bento"]) .ui-table th { color: var(--bento-text); text-transform: uppercase; letter-spacing: .08em; @@ -3624,11 +3624,11 @@ font-weight: 900; } - .bento-table td { + .bento-table td, :where([data-ui="bento"]) .ui-table td { color: var(--bento-text-muted); } - .bento-table tr:hover td { + .bento-table tr:hover td, :where([data-ui="bento"]) .ui-table tr:hover td { background: rgb(var(--bento-primary-rgb)/.045); } @@ -4027,7 +4027,7 @@ background-size: var(--max-theme-bg-size); } - .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button { + .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link { font-family: var(--max-font-heading); } @@ -4074,7 +4074,7 @@ height: 3px; } - .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card { + .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface); color: var(--max-text); border: 3px solid var(--max-border); @@ -4088,7 +4088,7 @@ padding: var(--max-space-6); } - .max-toolbar { + .max-toolbar, :where([data-ui="maximalist"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--max-space-4); @@ -4205,11 +4205,11 @@ background: var(--max-card-bg); } - .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { + .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { background: var(--max-control-bg); } - .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { + .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link { font-family: var(--max-font-control); } @@ -4363,7 +4363,7 @@ left: calc(100% - 1.56rem); } - .max-badge { + .max-badge, :where([data-ui="maximalist"]) .ui-badge { align-items: center; gap: var(--max-space-1); background: var(--max-surface-soft); @@ -4378,37 +4378,37 @@ display: inline-flex; } - .max-badge-primary { + .max-badge-primary, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--max-primary); color: var(--max-on-primary); border-color: var(--max-primary); } - .max-badge-secondary { + .max-badge-secondary, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--max-secondary); color: var(--max-on-secondary); border-color: var(--max-secondary); } - .max-badge-success { + .max-badge-success, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--max-success); color: var(--max-on-success); border-color: var(--max-success); } - .max-badge-warning { + .max-badge-warning, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--max-warning); color: var(--max-on-warning); border-color: var(--max-warning); } - .max-badge-danger { + .max-badge-danger, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--max-danger); color: var(--max-on-danger); border-color: var(--max-danger); } - .max-nav { + .max-nav, :where([data-ui="maximalist"]) .ui-nav { align-items: center; gap: var(--max-space-2); padding: var(--max-space-2); @@ -4420,7 +4420,7 @@ display: flex; } - .max-nav-link { + .max-nav-link, :where([data-ui="maximalist"]) .ui-nav-link { min-height: 2.5rem; color: var(--max-text-muted); border-radius: var(--max-radius-pill); @@ -4433,12 +4433,12 @@ display: inline-flex; } - .max-nav-link:hover { + .max-nav-link:hover, :where([data-ui="maximalist"]) .ui-nav-link:hover { color: var(--max-text); background: var(--max-surface-soft); } - .max-nav-link[aria-current="page"], .max-nav-link.is-active { + .max-nav-link[aria-current="page"], .max-nav-link.is-active, :where([data-ui="maximalist"]) .ui-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .ui-nav-link.is-active { color: var(--max-on-primary); background: var(--max-primary); } @@ -4470,7 +4470,7 @@ transform: rotate(45deg); } - .max-progress { + .max-progress, :where([data-ui="maximalist"]) .ui-progress { background: var(--max-surface-soft); border: 3px solid var(--max-border); border-radius: var(--max-radius-pill); @@ -4479,14 +4479,14 @@ overflow: hidden; } - .max-progress-bar { + .max-progress-bar, :where([data-ui="maximalist"]) .ui-progress-bar { height: 100%; width: var(--max-progress-value, 50%); background: linear-gradient(90deg,var(--max-primary),var(--max-accent)); border-radius: inherit; } - .max-alert { + .max-alert, :where([data-ui="maximalist"]) .ui-alert { gap: var(--max-space-2); padding: var(--max-space-4); background: var(--max-surface); @@ -4497,45 +4497,45 @@ display: grid; } - .max-alert-success { + .max-alert-success, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--max-success); } - .max-alert-warning { + .max-alert-warning, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--max-warning); } - .max-alert-danger { + .max-alert-danger, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--max-danger); } - .max-alert-title { + .max-alert-title, :where([data-ui="maximalist"]) .ui-alert-title { margin: 0; font-weight: 900; } - .max-alert-body { + .max-alert-body, :where([data-ui="maximalist"]) .ui-alert-body { color: var(--max-text-muted); margin: 0; line-height: 1.55; } - .max-table-wrap { + .max-table-wrap, :where([data-ui="maximalist"]) .ui-table-wrap { overflow: auto; } - .max-table { + .max-table, :where([data-ui="maximalist"]) .ui-table { border-collapse: collapse; width: 100%; } - .max-table th, .max-table td { + .max-table th, .max-table td, :where([data-ui="maximalist"]) .ui-table th, :where([data-ui="maximalist"]) .ui-table td { text-align: left; border-bottom: 3px solid var(--max-border); padding: .95rem 1rem; } - .max-table th { + .max-table th, :where([data-ui="maximalist"]) .ui-table th { color: var(--max-text); text-transform: uppercase; letter-spacing: .08em; @@ -4544,11 +4544,11 @@ font-weight: 900; } - .max-table td { + .max-table td, :where([data-ui="maximalist"]) .ui-table td { color: var(--max-text-muted); } - .max-table tr:hover td { + .max-table tr:hover td, :where([data-ui="maximalist"]) .ui-table tr:hover td { background: rgb(var(--max-primary-rgb)/.045); } @@ -4933,7 +4933,7 @@ background-size: var(--bau-theme-bg-size); } - .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button { + .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link { font-family: var(--bau-font-heading); } @@ -4980,7 +4980,7 @@ height: 2px; } - .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card { + .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap { background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface); color: var(--bau-text); border: 2px solid var(--bau-border); @@ -4994,7 +4994,7 @@ padding: var(--bau-space-6); } - .bau-toolbar { + .bau-toolbar, :where([data-ui="bauhaus"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--bau-space-4); @@ -5111,11 +5111,11 @@ background: var(--bau-card-bg); } - .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { + .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { background: var(--bau-control-bg); } - .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { + .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link { font-family: var(--bau-font-control); } @@ -5269,7 +5269,7 @@ left: calc(100% - 1.56rem); } - .bau-badge { + .bau-badge, :where([data-ui="bauhaus"]) .ui-badge { align-items: center; gap: var(--bau-space-1); background: var(--bau-surface-soft); @@ -5284,37 +5284,37 @@ display: inline-flex; } - .bau-badge-primary { + .bau-badge-primary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--bau-primary); color: var(--bau-on-primary); border-color: var(--bau-primary); } - .bau-badge-secondary { + .bau-badge-secondary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--bau-secondary); color: var(--bau-on-secondary); border-color: var(--bau-secondary); } - .bau-badge-success { + .bau-badge-success, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--bau-success); color: var(--bau-on-success); border-color: var(--bau-success); } - .bau-badge-warning { + .bau-badge-warning, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--bau-warning); color: var(--bau-on-warning); border-color: var(--bau-warning); } - .bau-badge-danger { + .bau-badge-danger, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--bau-danger); color: var(--bau-on-danger); border-color: var(--bau-danger); } - .bau-nav { + .bau-nav, :where([data-ui="bauhaus"]) .ui-nav { align-items: center; gap: var(--bau-space-2); padding: var(--bau-space-2); @@ -5326,7 +5326,7 @@ display: flex; } - .bau-nav-link { + .bau-nav-link, :where([data-ui="bauhaus"]) .ui-nav-link { min-height: 2.5rem; color: var(--bau-text-muted); border-radius: var(--bau-radius-pill); @@ -5339,12 +5339,12 @@ display: inline-flex; } - .bau-nav-link:hover { + .bau-nav-link:hover, :where([data-ui="bauhaus"]) .ui-nav-link:hover { color: var(--bau-text); background: var(--bau-surface-soft); } - .bau-nav-link[aria-current="page"], .bau-nav-link.is-active { + .bau-nav-link[aria-current="page"], .bau-nav-link.is-active, :where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"], :where([data-ui="bauhaus"]) .ui-nav-link.is-active { color: var(--bau-on-primary); background: var(--bau-primary); } @@ -5375,7 +5375,7 @@ transform: rotate(45deg); } - .bau-progress { + .bau-progress, :where([data-ui="bauhaus"]) .ui-progress { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); border-radius: var(--bau-radius-pill); @@ -5384,14 +5384,14 @@ overflow: hidden; } - .bau-progress-bar { + .bau-progress-bar, :where([data-ui="bauhaus"]) .ui-progress-bar { height: 100%; width: var(--bau-progress-value, 50%); background: linear-gradient(90deg,var(--bau-primary),var(--bau-accent)); border-radius: inherit; } - .bau-alert { + .bau-alert, :where([data-ui="bauhaus"]) .ui-alert { gap: var(--bau-space-2); padding: var(--bau-space-4); background: var(--bau-surface); @@ -5402,45 +5402,45 @@ display: grid; } - .bau-alert-success { + .bau-alert-success, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--bau-success); } - .bau-alert-warning { + .bau-alert-warning, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--bau-warning); } - .bau-alert-danger { + .bau-alert-danger, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--bau-danger); } - .bau-alert-title { + .bau-alert-title, :where([data-ui="bauhaus"]) .ui-alert-title { margin: 0; font-weight: 900; } - .bau-alert-body { + .bau-alert-body, :where([data-ui="bauhaus"]) .ui-alert-body { color: var(--bau-text-muted); margin: 0; line-height: 1.55; } - .bau-table-wrap { + .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-table-wrap { overflow: auto; } - .bau-table { + .bau-table, :where([data-ui="bauhaus"]) .ui-table { border-collapse: collapse; width: 100%; } - .bau-table th, .bau-table td { + .bau-table th, .bau-table td, :where([data-ui="bauhaus"]) .ui-table th, :where([data-ui="bauhaus"]) .ui-table td { text-align: left; border-bottom: 2px solid var(--bau-border); padding: .95rem 1rem; } - .bau-table th { + .bau-table th, :where([data-ui="bauhaus"]) .ui-table th { color: var(--bau-text); text-transform: uppercase; letter-spacing: .08em; @@ -5449,11 +5449,11 @@ font-weight: 900; } - .bau-table td { + .bau-table td, :where([data-ui="bauhaus"]) .ui-table td { color: var(--bau-text-muted); } - .bau-table tr:hover td { + .bau-table tr:hover td, :where([data-ui="bauhaus"]) .ui-table tr:hover td { background: rgb(var(--bau-primary-rgb)/.045); } @@ -5830,7 +5830,7 @@ background-size: var(--tactile-theme-bg-size); } - .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button { + .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-badge, :where([data-ui="tactile"]) .ui-nav-link { font-family: var(--tactile-font-heading); } @@ -5876,7 +5876,7 @@ height: 1px; } - .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card { + .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface); color: var(--tactile-text); border: 1px solid var(--tactile-border); @@ -5890,7 +5890,7 @@ padding: var(--tactile-space-6); } - .tactile-toolbar { + .tactile-toolbar, :where([data-ui="tactile"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--tactile-space-4); @@ -6007,11 +6007,11 @@ background: var(--tactile-card-bg); } - .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { + .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { background: var(--tactile-control-bg); } - .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { + .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button, :where([data-ui="tactile"]) .ui-badge, :where([data-ui="tactile"]) .ui-nav-link { font-family: var(--tactile-font-control); } @@ -6165,7 +6165,7 @@ left: calc(100% - 1.56rem); } - .tactile-badge { + .tactile-badge, :where([data-ui="tactile"]) .ui-badge { align-items: center; gap: var(--tactile-space-1); background: var(--tactile-surface-soft); @@ -6180,37 +6180,37 @@ display: inline-flex; } - .tactile-badge-primary { + .tactile-badge-primary, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--tactile-primary); color: var(--tactile-on-primary); border-color: var(--tactile-primary); } - .tactile-badge-secondary { + .tactile-badge-secondary, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--tactile-secondary); color: var(--tactile-on-secondary); border-color: var(--tactile-secondary); } - .tactile-badge-success { + .tactile-badge-success, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--tactile-success); color: var(--tactile-on-success); border-color: var(--tactile-success); } - .tactile-badge-warning { + .tactile-badge-warning, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--tactile-warning); color: var(--tactile-on-warning); border-color: var(--tactile-warning); } - .tactile-badge-danger { + .tactile-badge-danger, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--tactile-danger); color: var(--tactile-on-danger); border-color: var(--tactile-danger); } - .tactile-nav { + .tactile-nav, :where([data-ui="tactile"]) .ui-nav { align-items: center; gap: var(--tactile-space-2); padding: var(--tactile-space-2); @@ -6222,7 +6222,7 @@ display: flex; } - .tactile-nav-link { + .tactile-nav-link, :where([data-ui="tactile"]) .ui-nav-link { min-height: 2.5rem; color: var(--tactile-text-muted); border-radius: var(--tactile-radius-pill); @@ -6235,12 +6235,12 @@ display: inline-flex; } - .tactile-nav-link:hover { + .tactile-nav-link:hover, :where([data-ui="tactile"]) .ui-nav-link:hover { color: var(--tactile-text); background: var(--tactile-surface-soft); } - .tactile-nav-link[aria-current="page"], .tactile-nav-link.is-active { + .tactile-nav-link[aria-current="page"], .tactile-nav-link.is-active, :where([data-ui="tactile"]) .ui-nav-link[aria-current="page"], :where([data-ui="tactile"]) .ui-nav-link.is-active { color: var(--tactile-on-primary); background: var(--tactile-primary); } @@ -6271,7 +6271,7 @@ transform: rotate(45deg); } - .tactile-progress { + .tactile-progress, :where([data-ui="tactile"]) .ui-progress { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); border-radius: var(--tactile-radius-pill); @@ -6280,14 +6280,14 @@ overflow: hidden; } - .tactile-progress-bar { + .tactile-progress-bar, :where([data-ui="tactile"]) .ui-progress-bar { height: 100%; width: var(--tactile-progress-value, 50%); background: linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent)); border-radius: inherit; } - .tactile-alert { + .tactile-alert, :where([data-ui="tactile"]) .ui-alert { gap: var(--tactile-space-2); padding: var(--tactile-space-4); background: var(--tactile-surface); @@ -6298,45 +6298,45 @@ display: grid; } - .tactile-alert-success { + .tactile-alert-success, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--tactile-success); } - .tactile-alert-warning { + .tactile-alert-warning, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--tactile-warning); } - .tactile-alert-danger { + .tactile-alert-danger, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--tactile-danger); } - .tactile-alert-title { + .tactile-alert-title, :where([data-ui="tactile"]) .ui-alert-title { margin: 0; font-weight: 900; } - .tactile-alert-body { + .tactile-alert-body, :where([data-ui="tactile"]) .ui-alert-body { color: var(--tactile-text-muted); margin: 0; line-height: 1.55; } - .tactile-table-wrap { + .tactile-table-wrap, :where([data-ui="tactile"]) .ui-table-wrap { overflow: auto; } - .tactile-table { + .tactile-table, :where([data-ui="tactile"]) .ui-table { border-collapse: collapse; width: 100%; } - .tactile-table th, .tactile-table td { + .tactile-table th, .tactile-table td, :where([data-ui="tactile"]) .ui-table th, :where([data-ui="tactile"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--tactile-border); padding: .95rem 1rem; } - .tactile-table th { + .tactile-table th, :where([data-ui="tactile"]) .ui-table th { color: var(--tactile-text); text-transform: uppercase; letter-spacing: .08em; @@ -6345,11 +6345,11 @@ font-weight: 900; } - .tactile-table td { + .tactile-table td, :where([data-ui="tactile"]) .ui-table td { color: var(--tactile-text-muted); } - .tactile-table tr:hover td { + .tactile-table tr:hover td, :where([data-ui="tactile"]) .ui-table tr:hover td { background: rgb(var(--tactile-primary-rgb)/.045); } @@ -6713,7 +6713,7 @@ background-size: var(--neo-theme-bg-size); } - .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button { + .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav-link { font-family: var(--neo-font-heading); } @@ -6759,7 +6759,7 @@ height: 1px; } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface); color: var(--neo-text); border: 1px solid var(--neo-border); @@ -6773,7 +6773,7 @@ padding: var(--neo-space-6); } - .neo-toolbar { + .neo-toolbar, :where([data-ui="neumorphism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--neo-space-4); @@ -6890,11 +6890,11 @@ background: var(--neo-card-bg); } - .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { background: var(--neo-control-bg); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav-link { font-family: var(--neo-font-control); } @@ -7048,7 +7048,7 @@ left: calc(100% - 1.56rem); } - .neo-badge { + .neo-badge, :where([data-ui="neumorphism"]) .ui-badge { align-items: center; gap: var(--neo-space-1); background: var(--neo-surface-soft); @@ -7063,37 +7063,37 @@ display: inline-flex; } - .neo-badge-primary { + .neo-badge-primary, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--neo-primary); color: var(--neo-on-primary); border-color: var(--neo-primary); } - .neo-badge-secondary { + .neo-badge-secondary, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--neo-secondary); color: var(--neo-on-secondary); border-color: var(--neo-secondary); } - .neo-badge-success { + .neo-badge-success, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--neo-success); color: var(--neo-on-success); border-color: var(--neo-success); } - .neo-badge-warning { + .neo-badge-warning, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--neo-warning); color: var(--neo-on-warning); border-color: var(--neo-warning); } - .neo-badge-danger { + .neo-badge-danger, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--neo-danger); color: var(--neo-on-danger); border-color: var(--neo-danger); } - .neo-nav { + .neo-nav, :where([data-ui="neumorphism"]) .ui-nav { align-items: center; gap: var(--neo-space-2); padding: var(--neo-space-2); @@ -7105,7 +7105,7 @@ display: flex; } - .neo-nav-link { + .neo-nav-link, :where([data-ui="neumorphism"]) .ui-nav-link { min-height: 2.5rem; color: var(--neo-text-muted); border-radius: var(--neo-radius-pill); @@ -7118,12 +7118,12 @@ display: inline-flex; } - .neo-nav-link:hover { + .neo-nav-link:hover, :where([data-ui="neumorphism"]) .ui-nav-link:hover { color: var(--neo-text); background: var(--neo-surface-soft); } - .neo-nav-link[aria-current="page"], .neo-nav-link.is-active { + .neo-nav-link[aria-current="page"], .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-nav-link[aria-current="page"], :where([data-ui="neumorphism"]) .ui-nav-link.is-active { color: var(--neo-on-primary); background: var(--neo-primary); } @@ -7153,7 +7153,7 @@ box-shadow: inset .12rem .12rem .24rem #0000001f; } - .neo-progress { + .neo-progress, :where([data-ui="neumorphism"]) .ui-progress { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); border-radius: var(--neo-radius-pill); @@ -7162,14 +7162,14 @@ overflow: hidden; } - .neo-progress-bar { + .neo-progress-bar, :where([data-ui="neumorphism"]) .ui-progress-bar { height: 100%; width: var(--neo-progress-value, 50%); background: linear-gradient(90deg,var(--neo-primary),var(--neo-accent)); border-radius: inherit; } - .neo-alert { + .neo-alert, :where([data-ui="neumorphism"]) .ui-alert { gap: var(--neo-space-2); padding: var(--neo-space-4); background: var(--neo-surface); @@ -7180,45 +7180,45 @@ display: grid; } - .neo-alert-success { + .neo-alert-success, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--neo-success); } - .neo-alert-warning { + .neo-alert-warning, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--neo-warning); } - .neo-alert-danger { + .neo-alert-danger, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--neo-danger); } - .neo-alert-title { + .neo-alert-title, :where([data-ui="neumorphism"]) .ui-alert-title { margin: 0; font-weight: 900; } - .neo-alert-body { + .neo-alert-body, :where([data-ui="neumorphism"]) .ui-alert-body { color: var(--neo-text-muted); margin: 0; line-height: 1.55; } - .neo-table-wrap { + .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-table-wrap { overflow: auto; } - .neo-table { + .neo-table, :where([data-ui="neumorphism"]) .ui-table { border-collapse: collapse; width: 100%; } - .neo-table th, .neo-table td { + .neo-table th, .neo-table td, :where([data-ui="neumorphism"]) .ui-table th, :where([data-ui="neumorphism"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--neo-border); padding: .95rem 1rem; } - .neo-table th { + .neo-table th, :where([data-ui="neumorphism"]) .ui-table th { color: var(--neo-text); text-transform: uppercase; letter-spacing: .08em; @@ -7227,11 +7227,11 @@ font-weight: 900; } - .neo-table td { + .neo-table td, :where([data-ui="neumorphism"]) .ui-table td { color: var(--neo-text-muted); } - .neo-table tr:hover td { + .neo-table tr:hover td, :where([data-ui="neumorphism"]) .ui-table tr:hover td { background: rgb(var(--neo-primary-rgb)/.045); } @@ -7337,7 +7337,7 @@ background: var(--neo-bg); } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap { border-color: rgb(var(--neo-border-rgb)/.14); box-shadow: 10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light); } @@ -7346,15 +7346,15 @@ box-shadow: 16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light); } - .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { + .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select, :where([data-ui="neumorphism"]) .ui-progress { box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav { box-shadow: 5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light); } - .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active, :where([data-ui="neumorphism"]) .ui-nav-link.is-active { box-shadow: inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light); } @@ -7615,7 +7615,7 @@ background-size: var(--retro-theme-bg-size); } - .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button { + .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-badge, :where([data-ui="retrofuturism"]) .ui-nav-link { font-family: var(--retro-font-heading); } @@ -7661,7 +7661,7 @@ height: 1px; } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface); color: var(--retro-text); border: 1px solid var(--retro-border); @@ -7675,7 +7675,7 @@ padding: var(--retro-space-6); } - .retro-toolbar { + .retro-toolbar, :where([data-ui="retrofuturism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--retro-space-4); @@ -7792,11 +7792,11 @@ background: var(--retro-card-bg); } - .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { + .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { background: var(--retro-control-bg); } - .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { + .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button, :where([data-ui="retrofuturism"]) .ui-badge, :where([data-ui="retrofuturism"]) .ui-nav-link { font-family: var(--retro-font-control); } @@ -7950,7 +7950,7 @@ left: calc(100% - 1.56rem); } - .retro-badge { + .retro-badge, :where([data-ui="retrofuturism"]) .ui-badge { align-items: center; gap: var(--retro-space-1); background: var(--retro-surface-soft); @@ -7965,37 +7965,37 @@ display: inline-flex; } - .retro-badge-primary { + .retro-badge-primary, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--retro-primary); color: var(--retro-on-primary); border-color: var(--retro-primary); } - .retro-badge-secondary { + .retro-badge-secondary, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--retro-secondary); color: var(--retro-on-secondary); border-color: var(--retro-secondary); } - .retro-badge-success { + .retro-badge-success, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--retro-success); color: var(--retro-on-success); border-color: var(--retro-success); } - .retro-badge-warning { + .retro-badge-warning, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--retro-warning); color: var(--retro-on-warning); border-color: var(--retro-warning); } - .retro-badge-danger { + .retro-badge-danger, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--retro-danger); color: var(--retro-on-danger); border-color: var(--retro-danger); } - .retro-nav { + .retro-nav, :where([data-ui="retrofuturism"]) .ui-nav { align-items: center; gap: var(--retro-space-2); padding: var(--retro-space-2); @@ -8007,7 +8007,7 @@ display: flex; } - .retro-nav-link { + .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-nav-link { min-height: 2.5rem; color: var(--retro-text-muted); border-radius: var(--retro-radius-pill); @@ -8020,12 +8020,12 @@ display: inline-flex; } - .retro-nav-link:hover { + .retro-nav-link:hover, :where([data-ui="retrofuturism"]) .ui-nav-link:hover { color: var(--retro-text); background: var(--retro-surface-soft); } - .retro-nav-link[aria-current="page"], .retro-nav-link.is-active { + .retro-nav-link[aria-current="page"], .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-nav-link[aria-current="page"], :where([data-ui="retrofuturism"]) .ui-nav-link.is-active { color: var(--retro-on-primary); background: var(--retro-primary); } @@ -8057,7 +8057,7 @@ flex: none; } - .retro-progress { + .retro-progress, :where([data-ui="retrofuturism"]) .ui-progress { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); border-radius: var(--retro-radius-pill); @@ -8066,14 +8066,14 @@ overflow: hidden; } - .retro-progress-bar { + .retro-progress-bar, :where([data-ui="retrofuturism"]) .ui-progress-bar { height: 100%; width: var(--retro-progress-value, 50%); background: linear-gradient(90deg,var(--retro-primary),var(--retro-accent)); border-radius: inherit; } - .retro-alert { + .retro-alert, :where([data-ui="retrofuturism"]) .ui-alert { gap: var(--retro-space-2); padding: var(--retro-space-4); background: var(--retro-surface); @@ -8084,45 +8084,45 @@ display: grid; } - .retro-alert-success { + .retro-alert-success, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--retro-success); } - .retro-alert-warning { + .retro-alert-warning, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--retro-warning); } - .retro-alert-danger { + .retro-alert-danger, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--retro-danger); } - .retro-alert-title { + .retro-alert-title, :where([data-ui="retrofuturism"]) .ui-alert-title { margin: 0; font-weight: 900; } - .retro-alert-body { + .retro-alert-body, :where([data-ui="retrofuturism"]) .ui-alert-body { color: var(--retro-text-muted); margin: 0; line-height: 1.55; } - .retro-table-wrap { + .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-table-wrap { overflow: auto; } - .retro-table { + .retro-table, :where([data-ui="retrofuturism"]) .ui-table { border-collapse: collapse; width: 100%; } - .retro-table th, .retro-table td { + .retro-table th, .retro-table td, :where([data-ui="retrofuturism"]) .ui-table th, :where([data-ui="retrofuturism"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--retro-border); padding: .95rem 1rem; } - .retro-table th { + .retro-table th, :where([data-ui="retrofuturism"]) .ui-table th { color: var(--retro-text); text-transform: uppercase; letter-spacing: .08em; @@ -8131,11 +8131,11 @@ font-weight: 900; } - .retro-table td { + .retro-table td, :where([data-ui="retrofuturism"]) .ui-table td { color: var(--retro-text-muted); } - .retro-table tr:hover td { + .retro-table tr:hover td, :where([data-ui="retrofuturism"]) .ui-table tr:hover td { background: rgb(var(--retro-primary-rgb)/.045); } @@ -8238,12 +8238,12 @@ text-shadow: 0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16); } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface); box-shadow: 0 18px 48px rgb(0 0 0 / var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14); } - .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { + .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-nav-link.is-active { box-shadow: 0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22); } @@ -8572,7 +8572,7 @@ } } - .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button { + .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-badge, :where([data-ui="brutalism"]) .ui-nav-link { font-family: var(--brutal-font-heading); text-transform: uppercase; } @@ -8611,7 +8611,7 @@ color: var(--brutal-text-muted); } - .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card { + .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap { background: var(--brutal-surface-strong); color: var(--brutal-text); border: 3px solid var(--brutal-border); @@ -8624,7 +8624,7 @@ padding: var(--brutal-space-6); } - .brutal-toolbar { + .brutal-toolbar, :where([data-ui="brutalism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--brutal-space-4); @@ -8727,11 +8727,11 @@ background: var(--brutal-card-bg); } - .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { + .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { background: var(--brutal-control-bg); } - .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { + .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button, :where([data-ui="brutalism"]) .ui-badge, :where([data-ui="brutalism"]) .ui-nav-link { font-family: var(--brutal-font-control); } @@ -8775,7 +8775,7 @@ font-size: .9rem; } - .brutal-badge { + .brutal-badge, :where([data-ui="brutalism"]) .ui-badge { background: var(--brutal-surface-strong); min-height: 1.8rem; color: var(--brutal-text); @@ -8788,32 +8788,32 @@ display: inline-flex; } - .brutal-badge-primary { + .brutal-badge-primary, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--brutal-primary); color: var(--brutal-on-primary); } - .brutal-badge-secondary { + .brutal-badge-secondary, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--brutal-secondary); color: var(--brutal-on-secondary); } - .brutal-badge-success { + .brutal-badge-success, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--brutal-success); color: var(--brutal-on-success); } - .brutal-badge-warning { + .brutal-badge-warning, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--brutal-warning); color: var(--brutal-on-warning); } - .brutal-badge-danger { + .brutal-badge-danger, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--brutal-danger); color: var(--brutal-on-danger); } - .brutal-nav { + .brutal-nav, :where([data-ui="brutalism"]) .ui-nav { gap: var(--brutal-space-2); padding: var(--brutal-space-2); background: var(--brutal-surface-strong); @@ -8823,7 +8823,7 @@ display: flex; } - .brutal-nav-link { + .brutal-nav-link, :where([data-ui="brutalism"]) .ui-nav-link { min-height: 2.5rem; color: var(--brutal-text); border: 3px solid #0000; @@ -8834,12 +8834,12 @@ display: inline-flex; } - .brutal-nav-link:hover { + .brutal-nav-link:hover, :where([data-ui="brutalism"]) .ui-nav-link:hover { border-color: var(--brutal-border); background: var(--brutal-surface-soft); } - .brutal-nav-link.is-active, .brutal-nav-link[aria-current="page"] { + .brutal-nav-link.is-active, .brutal-nav-link[aria-current="page"], :where([data-ui="brutalism"]) .ui-nav-link.is-active, :where([data-ui="brutalism"]) .ui-nav-link[aria-current="page"] { background: var(--brutal-primary); color: var(--brutal-on-primary); border-color: var(--brutal-border); @@ -8872,66 +8872,66 @@ transform: rotate(45deg); } - .brutal-progress { + .brutal-progress, :where([data-ui="brutalism"]) .ui-progress { background: var(--brutal-surface-soft); border: 3px solid var(--brutal-border); width: 100%; height: 1rem; } - .brutal-progress-bar { + .brutal-progress-bar, :where([data-ui="brutalism"]) .ui-progress-bar { height: 100%; width: var(--brutal-progress-value, 50%); background: var(--brutal-primary); } - .brutal-alert { + .brutal-alert, :where([data-ui="brutalism"]) .ui-alert { padding: var(--brutal-space-4); background: var(--brutal-surface-strong); border: 3px solid var(--brutal-border); box-shadow: 8px 8px 0 var(--brutal-accent); } - .brutal-alert-success { + .brutal-alert-success, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="success"]) { box-shadow: 8px 8px 0 var(--brutal-success); } - .brutal-alert-warning { + .brutal-alert-warning, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="warning"]) { box-shadow: 8px 8px 0 var(--brutal-warning); } - .brutal-alert-danger { + .brutal-alert-danger, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="danger"]) { box-shadow: 8px 8px 0 var(--brutal-danger); } - .brutal-alert-title { + .brutal-alert-title, :where([data-ui="brutalism"]) .ui-alert-title { text-transform: uppercase; margin: 0; font-weight: 900; } - .brutal-alert-body { + .brutal-alert-body, :where([data-ui="brutalism"]) .ui-alert-body { color: var(--brutal-text-muted); margin: .5rem 0 0; } - .brutal-table-wrap { + .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-table-wrap { box-shadow: 8px 8px 0 var(--brutal-primary); overflow: auto; } - .brutal-table { + .brutal-table, :where([data-ui="brutalism"]) .ui-table { border-collapse: collapse; width: 100%; } - .brutal-table th, .brutal-table td { + .brutal-table th, .brutal-table td, :where([data-ui="brutalism"]) .ui-table th, :where([data-ui="brutalism"]) .ui-table td { border: 2px solid var(--brutal-border); text-align: left; padding: .9rem 1rem; } - .brutal-table th { + .brutal-table th, :where([data-ui="brutalism"]) .ui-table th { background: var(--brutal-primary); color: var(--brutal-on-primary); text-transform: uppercase; @@ -9205,7 +9205,7 @@ color: var(--cyber-on-primary); } - .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button { + .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link { font-family: var(--cyber-font-heading); text-transform: uppercase; } @@ -9243,7 +9243,7 @@ color: var(--cyber-text-muted); } - .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card { + .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap { background: linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface); color: var(--cyber-text); border: 1px solid var(--cyber-border); @@ -9255,7 +9255,7 @@ overflow: hidden; } - .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before { + .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before, :where([data-ui="cyberpunk"]) .ui-toolbar:before { content: ""; pointer-events: none; border-top: 2px solid rgb(var(--cyber-primary-rgb)/.5); @@ -9272,7 +9272,7 @@ background: linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong); } - .cyber-toolbar { + .cyber-toolbar, :where([data-ui="cyberpunk"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--cyber-space-4); @@ -9402,7 +9402,7 @@ font-size: .9rem; } - .cyber-badge { + .cyber-badge, :where([data-ui="cyberpunk"]) .ui-badge { background: var(--cyber-surface); min-height: 1.8rem; color: var(--cyber-text); @@ -9417,32 +9417,32 @@ display: inline-flex; } - .cyber-badge-primary { + .cyber-badge-primary, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--cyber-primary); color: var(--cyber-on-primary); } - .cyber-badge-secondary { + .cyber-badge-secondary, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--cyber-secondary); color: var(--cyber-on-secondary); } - .cyber-badge-success { + .cyber-badge-success, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--cyber-success); color: var(--cyber-on-success); } - .cyber-badge-warning { + .cyber-badge-warning, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--cyber-warning); color: var(--cyber-on-warning); } - .cyber-badge-danger { + .cyber-badge-danger, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--cyber-danger); color: var(--cyber-on-danger); } - .cyber-nav { + .cyber-nav, :where([data-ui="cyberpunk"]) .ui-nav { gap: var(--cyber-space-2); padding: var(--cyber-space-2); background: var(--cyber-surface); @@ -9453,7 +9453,7 @@ display: flex; } - .cyber-nav-link { + .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-nav-link { min-height: 2.5rem; color: var(--cyber-text-muted); border-radius: var(--cyber-radius-xs); @@ -9466,12 +9466,12 @@ display: inline-flex; } - .cyber-nav-link:hover { + .cyber-nav-link:hover, :where([data-ui="cyberpunk"]) .ui-nav-link:hover { color: var(--cyber-text); border-color: rgb(var(--cyber-primary-rgb)/.48); } - .cyber-nav-link.is-active, .cyber-nav-link[aria-current="page"] { + .cyber-nav-link.is-active, .cyber-nav-link[aria-current="page"], :where([data-ui="cyberpunk"]) .ui-nav-link.is-active, :where([data-ui="cyberpunk"]) .ui-nav-link[aria-current="page"] { background: var(--cyber-primary); color: var(--cyber-on-primary); border-color: var(--cyber-primary); @@ -9506,7 +9506,7 @@ flex: none; } - .cyber-progress { + .cyber-progress, :where([data-ui="cyberpunk"]) .ui-progress { background: var(--cyber-surface-soft); border: 1px solid var(--cyber-border); width: 100%; @@ -9514,14 +9514,14 @@ box-shadow: inset 0 0 18px #0000002e; } - .cyber-progress-bar { + .cyber-progress-bar, :where([data-ui="cyberpunk"]) .ui-progress-bar { height: 100%; width: var(--cyber-progress-value, 50%); background: linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent)); box-shadow: 0 0 18px var(--cyber-glow-primary); } - .cyber-alert { + .cyber-alert, :where([data-ui="cyberpunk"]) .ui-alert { padding: var(--cyber-space-4); background: var(--cyber-surface); border: 1px solid var(--cyber-border); @@ -9529,56 +9529,56 @@ box-shadow: var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary); } - .cyber-alert-success { + .cyber-alert-success, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--cyber-success); } - .cyber-alert-warning { + .cyber-alert-warning, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--cyber-warning); } - .cyber-alert-danger { + .cyber-alert-danger, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--cyber-danger); } - .cyber-alert-title { + .cyber-alert-title, :where([data-ui="cyberpunk"]) .ui-alert-title { font-family: var(--cyber-font-heading); text-transform: uppercase; margin: 0; } - .cyber-alert-body { + .cyber-alert-body, :where([data-ui="cyberpunk"]) .ui-alert-body { color: var(--cyber-text-muted); margin: .5rem 0 0; } - .cyber-table-wrap { + .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-table-wrap { overflow: auto; } - .cyber-table { + .cyber-table, :where([data-ui="cyberpunk"]) .ui-table { border-collapse: collapse; width: 100%; } - .cyber-table th, .cyber-table td { + .cyber-table th, .cyber-table td, :where([data-ui="cyberpunk"]) .ui-table th, :where([data-ui="cyberpunk"]) .ui-table td { border-bottom: 1px solid rgb(var(--cyber-border-rgb)/.38); text-align: left; padding: .9rem 1rem; } - .cyber-table th { + .cyber-table th, :where([data-ui="cyberpunk"]) .ui-table th { background: rgb(var(--cyber-primary-rgb)/.12); font-family: var(--cyber-font-heading); text-transform: uppercase; letter-spacing: .1em; } - .cyber-table td { + .cyber-table td, :where([data-ui="cyberpunk"]) .ui-table td { color: var(--cyber-text-muted); } - .cyber-table tr:hover td { + .cyber-table tr:hover td, :where([data-ui="cyberpunk"]) .ui-table tr:hover td { background: rgb(var(--cyber-primary-rgb)/.06); } @@ -9611,7 +9611,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible, :where([data-ui="cyberpunk"]) .ui-nav-link:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -9626,11 +9626,11 @@ background: var(--cyber-card-bg); } - .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { + .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { background: var(--cyber-control-bg); } - .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { + .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link { font-family: var(--cyber-font-control); } @@ -9911,7 +9911,7 @@ color: var(--y2k-on-primary); } - .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button { + .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link { font-family: var(--y2k-font-heading); } @@ -9949,7 +9949,7 @@ color: var(--y2k-text-muted); } - .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card { + .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap { background: linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface); color: var(--y2k-text); border: 1px solid #ffffff61; @@ -9974,7 +9974,7 @@ padding: var(--y2k-space-6); } - .y2k-toolbar { + .y2k-toolbar, :where([data-ui="y2k"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--y2k-space-4); @@ -10099,7 +10099,7 @@ font-size: .9rem; } - .y2k-badge { + .y2k-badge, :where([data-ui="y2k"]) .ui-badge { background: linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong); min-height: 1.8rem; color: var(--y2k-text); @@ -10113,32 +10113,32 @@ display: inline-flex; } - .y2k-badge-primary { + .y2k-badge-primary, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--y2k-primary); color: var(--y2k-on-primary); } - .y2k-badge-secondary { + .y2k-badge-secondary, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--y2k-secondary); color: var(--y2k-on-secondary); } - .y2k-badge-success { + .y2k-badge-success, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--y2k-success); color: var(--y2k-on-success); } - .y2k-badge-warning { + .y2k-badge-warning, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--y2k-warning); color: var(--y2k-on-warning); } - .y2k-badge-danger { + .y2k-badge-danger, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--y2k-danger); color: var(--y2k-on-danger); } - .y2k-nav { + .y2k-nav, :where([data-ui="y2k"]) .ui-nav { gap: var(--y2k-space-2); padding: var(--y2k-space-2); background: linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface); @@ -10149,7 +10149,7 @@ display: flex; } - .y2k-nav-link { + .y2k-nav-link, :where([data-ui="y2k"]) .ui-nav-link { min-height: 2.5rem; color: var(--y2k-text-muted); border-radius: var(--y2k-radius-pill); @@ -10160,12 +10160,12 @@ display: inline-flex; } - .y2k-nav-link:hover { + .y2k-nav-link:hover, :where([data-ui="y2k"]) .ui-nav-link:hover { color: var(--y2k-text); background: #ffffff29; } - .y2k-nav-link.is-active, .y2k-nav-link[aria-current="page"] { + .y2k-nav-link.is-active, .y2k-nav-link[aria-current="page"], :where([data-ui="y2k"]) .ui-nav-link.is-active, :where([data-ui="y2k"]) .ui-nav-link[aria-current="page"] { background: var(--y2k-primary); color: var(--y2k-on-primary); box-shadow: 0 0 20px var(--y2k-glow-primary); @@ -10196,7 +10196,7 @@ flex: none; } - .y2k-progress { + .y2k-progress, :where([data-ui="y2k"]) .ui-progress { background: var(--y2k-surface-soft); border-radius: var(--y2k-radius-pill); width: 100%; @@ -10205,14 +10205,14 @@ box-shadow: inset 0 6px 14px #0000001f; } - .y2k-progress-bar { + .y2k-progress-bar, :where([data-ui="y2k"]) .ui-progress-bar { height: 100%; width: var(--y2k-progress-value, 50%); background: linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary)); border-radius: inherit; } - .y2k-alert { + .y2k-alert, :where([data-ui="y2k"]) .ui-alert { padding: var(--y2k-space-4); background: var(--y2k-surface); border-radius: var(--y2k-radius-xl); @@ -10220,49 +10220,49 @@ border: 1px solid #ffffff61; } - .y2k-alert-title { + .y2k-alert-title, :where([data-ui="y2k"]) .ui-alert-title { margin: 0; font-weight: 900; } - .y2k-alert-body { + .y2k-alert-body, :where([data-ui="y2k"]) .ui-alert-body { color: var(--y2k-text-muted); margin: .5rem 0 0; } - .y2k-alert-success { + .y2k-alert-success, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="success"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2); } - .y2k-alert-warning { + .y2k-alert-warning, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="warning"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2); } - .y2k-alert-danger { + .y2k-alert-danger, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="danger"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2); } - .y2k-table-wrap { + .y2k-table-wrap, :where([data-ui="y2k"]) .ui-table-wrap { overflow: auto; } - .y2k-table { + .y2k-table, :where([data-ui="y2k"]) .ui-table { border-collapse: collapse; width: 100%; } - .y2k-table th, .y2k-table td { + .y2k-table th, .y2k-table td, :where([data-ui="y2k"]) .ui-table th, :where([data-ui="y2k"]) .ui-table td { border-bottom: 1px solid rgb(var(--y2k-border-rgb)/.34); text-align: left; padding: .9rem 1rem; } - .y2k-table th { + .y2k-table th, :where([data-ui="y2k"]) .ui-table th { background: #ffffff29; font-weight: 900; } - .y2k-table td { + .y2k-table td, :where([data-ui="y2k"]) .ui-table td { color: var(--y2k-text-muted); } @@ -10306,11 +10306,11 @@ background: var(--y2k-card-bg); } - .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { + .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { background: var(--y2k-control-bg); } - .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { + .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link { font-family: var(--y2k-font-control); } @@ -10590,7 +10590,7 @@ color: var(--rg-on-primary); } - .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button { + .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-badge, :where([data-ui="retro-glass"]) .ui-nav-link { font-family: var(--rg-font-heading); text-transform: uppercase; } @@ -10627,7 +10627,7 @@ color: var(--rg-text-muted); } - .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card { + .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap { background: linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface); color: var(--rg-text); border: 1px solid var(--rg-border); @@ -10658,7 +10658,7 @@ box-shadow: var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary); } - .rg-toolbar { + .rg-toolbar, :where([data-ui="retro-glass"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--rg-space-4); @@ -10793,7 +10793,7 @@ font-size: .9rem; } - .rg-badge { + .rg-badge, :where([data-ui="retro-glass"]) .ui-badge { background: linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface); min-height: 1.8rem; color: var(--rg-text); @@ -10809,32 +10809,32 @@ display: inline-flex; } - .rg-badge-primary { + .rg-badge-primary, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--rg-primary); color: var(--rg-on-primary); } - .rg-badge-secondary { + .rg-badge-secondary, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--rg-secondary); color: var(--rg-on-secondary); } - .rg-badge-success { + .rg-badge-success, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--rg-success); color: var(--rg-on-success); } - .rg-badge-warning { + .rg-badge-warning, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--rg-warning); color: var(--rg-on-warning); } - .rg-badge-danger { + .rg-badge-danger, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--rg-danger); color: var(--rg-on-danger); } - .rg-nav { + .rg-nav, :where([data-ui="retro-glass"]) .ui-nav { gap: var(--rg-space-2); padding: var(--rg-space-2); background: linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface); @@ -10846,7 +10846,7 @@ display: flex; } - .rg-nav-link { + .rg-nav-link, :where([data-ui="retro-glass"]) .ui-nav-link { min-height: 2.5rem; color: var(--rg-text-muted); border-radius: var(--rg-radius-pill); @@ -10859,13 +10859,13 @@ display: inline-flex; } - .rg-nav-link:hover { + .rg-nav-link:hover, :where([data-ui="retro-glass"]) .ui-nav-link:hover { color: var(--rg-text); border-color: rgb(var(--rg-primary-rgb)/.36); background: #ffffff1a; } - .rg-nav-link.is-active, .rg-nav-link[aria-current="page"] { + .rg-nav-link.is-active, .rg-nav-link[aria-current="page"], :where([data-ui="retro-glass"]) .ui-nav-link.is-active, :where([data-ui="retro-glass"]) .ui-nav-link[aria-current="page"] { background: var(--rg-primary); color: var(--rg-on-primary); box-shadow: 0 0 22px var(--rg-glow-primary); @@ -10899,7 +10899,7 @@ transform: rotate(45deg); } - .rg-progress { + .rg-progress, :where([data-ui="retro-glass"]) .ui-progress { background: var(--rg-surface-soft); border: 1px solid rgb(var(--rg-border-rgb)/.4); border-radius: var(--rg-radius-pill); @@ -10909,7 +10909,7 @@ box-shadow: inset 0 8px 18px #00000024; } - .rg-progress-bar { + .rg-progress-bar, :where([data-ui="retro-glass"]) .ui-progress-bar { height: 100%; width: var(--rg-progress-value, 50%); background: linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary)); @@ -10917,7 +10917,7 @@ box-shadow: 0 0 18px var(--rg-glow-primary); } - .rg-alert { + .rg-alert, :where([data-ui="retro-glass"]) .ui-alert { padding: var(--rg-space-4); background: var(--rg-surface); border: 1px solid var(--rg-border); @@ -10926,52 +10926,52 @@ backdrop-filter: blur(16px); } - .rg-alert-title { + .rg-alert-title, :where([data-ui="retro-glass"]) .ui-alert-title { font-family: var(--rg-font-heading); text-transform: uppercase; margin: 0; } - .rg-alert-body { + .rg-alert-body, :where([data-ui="retro-glass"]) .ui-alert-body { color: var(--rg-text-muted); margin: .5rem 0 0; } - .rg-alert-success { + .rg-alert-success, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="success"]) { border-left: 4px solid var(--rg-success); } - .rg-alert-warning { + .rg-alert-warning, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="warning"]) { border-left: 4px solid var(--rg-warning); } - .rg-alert-danger { + .rg-alert-danger, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="danger"]) { border-left: 4px solid var(--rg-danger); } - .rg-table-wrap { + .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-table-wrap { overflow: auto; } - .rg-table { + .rg-table, :where([data-ui="retro-glass"]) .ui-table { border-collapse: collapse; width: 100%; } - .rg-table th, .rg-table td { + .rg-table th, .rg-table td, :where([data-ui="retro-glass"]) .ui-table th, :where([data-ui="retro-glass"]) .ui-table td { border-bottom: 1px solid rgb(var(--rg-border-rgb)/.34); text-align: left; padding: .9rem 1rem; } - .rg-table th { + .rg-table th, :where([data-ui="retro-glass"]) .ui-table th { background: rgb(var(--rg-primary-rgb)/.1); font-family: var(--rg-font-heading); text-transform: uppercase; letter-spacing: .1em; } - .rg-table td { + .rg-table td, :where([data-ui="retro-glass"]) .ui-table td { color: var(--rg-text-muted); } @@ -11023,11 +11023,11 @@ background: var(--rg-card-bg); } - .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { + .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { background: var(--rg-control-bg); } - .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { + .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button, :where([data-ui="retro-glass"]) .ui-badge, :where([data-ui="retro-glass"]) .ui-nav-link { font-family: var(--rg-font-control); } diff --git a/dist/ui-style-kit.min.css b/dist/ui-style-kit.min.css index 09a2c39..58548ae 100644 --- a/dist/ui-style-kit.min.css +++ b/dist/ui-style-kit.min.css @@ -4,4 +4,4 @@ * License: MIT */ @layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout; -@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field,:where([data-ui=minimal-saas]) .ui-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label,:where([data-ui=minimal-saas]) .ui-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select,:where([data-ui=minimal-saas]) .ui-input,:where([data-ui=minimal-saas]) .ui-textarea,:where([data-ui=minimal-saas]) .ui-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea,:where([data-ui=minimal-saas]) .ui-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder,:where([data-ui=minimal-saas]) .ui-input::placeholder,:where([data-ui=minimal-saas]) .ui-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover,:where([data-ui=minimal-saas]) .ui-input:hover,:where([data-ui=minimal-saas]) .ui-textarea:hover,:where([data-ui=minimal-saas]) .ui-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus,:where([data-ui=minimal-saas]) .ui-input:focus,:where([data-ui=minimal-saas]) .ui-textarea:focus,:where([data-ui=minimal-saas]) .ui-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text,:where([data-ui=minimal-saas]) .ui-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio,:where([data-ui=minimal-saas]) .ui-check,:where([data-ui=minimal-saas]) .ui-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input,:where([data-ui=minimal-saas]) .ui-check input,:where([data-ui=minimal-saas]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check-control,:where([data-ui=minimal-saas]) .ui-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control,:where([data-ui=minimal-saas]) .ui-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control,:where([data-ui=minimal-saas]) .ui-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch,:where([data-ui=minimal-saas]) .ui-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input,:where([data-ui=minimal-saas]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field,:where([data-ui=bento]) .ui-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label,:where([data-ui=bento]) .ui-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select,:where([data-ui=bento]) .ui-input,:where([data-ui=bento]) .ui-textarea,:where([data-ui=bento]) .ui-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea,:where([data-ui=bento]) .ui-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder,:where([data-ui=bento]) .ui-input::placeholder,:where([data-ui=bento]) .ui-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover,:where([data-ui=bento]) .ui-input:hover,:where([data-ui=bento]) .ui-textarea:hover,:where([data-ui=bento]) .ui-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus,:where([data-ui=bento]) .ui-input:focus,:where([data-ui=bento]) .ui-textarea:focus,:where([data-ui=bento]) .ui-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text,:where([data-ui=bento]) .ui-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio,:where([data-ui=bento]) .ui-check,:where([data-ui=bento]) .ui-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input,:where([data-ui=bento]) .ui-check input,:where([data-ui=bento]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control,:where([data-ui=bento]) .ui-check-control,:where([data-ui=bento]) .ui-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control,:where([data-ui=bento]) .ui-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control,:where([data-ui=bento]) .ui-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch,:where([data-ui=bento]) .ui-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input,:where([data-ui=bento]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track,:where([data-ui=bento]) .ui-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb,:where([data-ui=bento]) .ui-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field,:where([data-ui=maximalist]) .ui-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label,:where([data-ui=maximalist]) .ui-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select,:where([data-ui=maximalist]) .ui-input,:where([data-ui=maximalist]) .ui-textarea,:where([data-ui=maximalist]) .ui-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea,:where([data-ui=maximalist]) .ui-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder,:where([data-ui=maximalist]) .ui-input::placeholder,:where([data-ui=maximalist]) .ui-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover,:where([data-ui=maximalist]) .ui-input:hover,:where([data-ui=maximalist]) .ui-textarea:hover,:where([data-ui=maximalist]) .ui-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus,:where([data-ui=maximalist]) .ui-input:focus,:where([data-ui=maximalist]) .ui-textarea:focus,:where([data-ui=maximalist]) .ui-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text,:where([data-ui=maximalist]) .ui-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio,:where([data-ui=maximalist]) .ui-check,:where([data-ui=maximalist]) .ui-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input,:where([data-ui=maximalist]) .ui-check input,:where([data-ui=maximalist]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control,:where([data-ui=maximalist]) .ui-check-control,:where([data-ui=maximalist]) .ui-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control,:where([data-ui=maximalist]) .ui-check-control{border-radius:var(--max-radius-xs)}.max-radio-control,:where([data-ui=maximalist]) .ui-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch,:where([data-ui=maximalist]) .ui-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input,:where([data-ui=maximalist]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track,:where([data-ui=maximalist]) .ui-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb,:where([data-ui=maximalist]) .ui-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field,:where([data-ui=bauhaus]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui=bauhaus]) .ui-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select,:where([data-ui=bauhaus]) .ui-input,:where([data-ui=bauhaus]) .ui-textarea,:where([data-ui=bauhaus]) .ui-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea,:where([data-ui=bauhaus]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui=bauhaus]) .ui-input::placeholder,:where([data-ui=bauhaus]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui=bauhaus]) .ui-input:hover,:where([data-ui=bauhaus]) .ui-textarea:hover,:where([data-ui=bauhaus]) .ui-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui=bauhaus]) .ui-input:focus,:where([data-ui=bauhaus]) .ui-textarea:focus,:where([data-ui=bauhaus]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text,:where([data-ui=bauhaus]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui=bauhaus]) .ui-check,:where([data-ui=bauhaus]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui=bauhaus]) .ui-check input,:where([data-ui=bauhaus]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui=bauhaus]) .ui-check-control,:where([data-ui=bauhaus]) .ui-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control,:where([data-ui=bauhaus]) .ui-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control,:where([data-ui=bauhaus]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui=bauhaus]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui=bauhaus]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field,:where([data-ui=tactile]) .ui-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label,:where([data-ui=tactile]) .ui-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select,:where([data-ui=tactile]) .ui-input,:where([data-ui=tactile]) .ui-textarea,:where([data-ui=tactile]) .ui-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea,:where([data-ui=tactile]) .ui-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder,:where([data-ui=tactile]) .ui-input::placeholder,:where([data-ui=tactile]) .ui-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover,:where([data-ui=tactile]) .ui-input:hover,:where([data-ui=tactile]) .ui-textarea:hover,:where([data-ui=tactile]) .ui-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus,:where([data-ui=tactile]) .ui-input:focus,:where([data-ui=tactile]) .ui-textarea:focus,:where([data-ui=tactile]) .ui-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text,:where([data-ui=tactile]) .ui-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio,:where([data-ui=tactile]) .ui-check,:where([data-ui=tactile]) .ui-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input,:where([data-ui=tactile]) .ui-check input,:where([data-ui=tactile]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control,:where([data-ui=tactile]) .ui-check-control,:where([data-ui=tactile]) .ui-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control,:where([data-ui=tactile]) .ui-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control,:where([data-ui=tactile]) .ui-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch,:where([data-ui=tactile]) .ui-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input,:where([data-ui=tactile]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track,:where([data-ui=tactile]) .ui-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field,:where([data-ui=neumorphism]) .ui-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label,:where([data-ui=neumorphism]) .ui-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea,:where([data-ui=neumorphism]) .ui-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder,:where([data-ui=neumorphism]) .ui-input::placeholder,:where([data-ui=neumorphism]) .ui-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover,:where([data-ui=neumorphism]) .ui-input:hover,:where([data-ui=neumorphism]) .ui-textarea:hover,:where([data-ui=neumorphism]) .ui-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus,:where([data-ui=neumorphism]) .ui-input:focus,:where([data-ui=neumorphism]) .ui-textarea:focus,:where([data-ui=neumorphism]) .ui-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text,:where([data-ui=neumorphism]) .ui-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio,:where([data-ui=neumorphism]) .ui-check,:where([data-ui=neumorphism]) .ui-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input,:where([data-ui=neumorphism]) .ui-check input,:where([data-ui=neumorphism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control,:where([data-ui=neumorphism]) .ui-check-control,:where([data-ui=neumorphism]) .ui-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control,:where([data-ui=neumorphism]) .ui-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control,:where([data-ui=neumorphism]) .ui-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch,:where([data-ui=neumorphism]) .ui-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input,:where([data-ui=neumorphism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field,:where([data-ui=retrofuturism]) .ui-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label,:where([data-ui=retrofuturism]) .ui-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select,:where([data-ui=retrofuturism]) .ui-input,:where([data-ui=retrofuturism]) .ui-textarea,:where([data-ui=retrofuturism]) .ui-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea,:where([data-ui=retrofuturism]) .ui-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder,:where([data-ui=retrofuturism]) .ui-input::placeholder,:where([data-ui=retrofuturism]) .ui-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover,:where([data-ui=retrofuturism]) .ui-input:hover,:where([data-ui=retrofuturism]) .ui-textarea:hover,:where([data-ui=retrofuturism]) .ui-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus,:where([data-ui=retrofuturism]) .ui-input:focus,:where([data-ui=retrofuturism]) .ui-textarea:focus,:where([data-ui=retrofuturism]) .ui-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text,:where([data-ui=retrofuturism]) .ui-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio,:where([data-ui=retrofuturism]) .ui-check,:where([data-ui=retrofuturism]) .ui-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input,:where([data-ui=retrofuturism]) .ui-check input,:where([data-ui=retrofuturism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check-control,:where([data-ui=retrofuturism]) .ui-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control,:where([data-ui=retrofuturism]) .ui-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control,:where([data-ui=retrofuturism]) .ui-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch,:where([data-ui=retrofuturism]) .ui-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input,:where([data-ui=retrofuturism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field,:where([data-ui=brutalism]) .ui-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label,:where([data-ui=brutalism]) .ui-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select,:where([data-ui=brutalism]) .ui-input,:where([data-ui=brutalism]) .ui-textarea,:where([data-ui=brutalism]) .ui-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea,:where([data-ui=brutalism]) .ui-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus,:where([data-ui=brutalism]) .ui-input:focus,:where([data-ui=brutalism]) .ui-textarea:focus,:where([data-ui=brutalism]) .ui-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text,:where([data-ui=brutalism]) .ui-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field,:where([data-ui=cyberpunk]) .ui-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label,:where([data-ui=cyberpunk]) .ui-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select,:where([data-ui=cyberpunk]) .ui-input,:where([data-ui=cyberpunk]) .ui-textarea,:where([data-ui=cyberpunk]) .ui-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea,:where([data-ui=cyberpunk]) .ui-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus,:where([data-ui=cyberpunk]) .ui-input:focus,:where([data-ui=cyberpunk]) .ui-textarea:focus,:where([data-ui=cyberpunk]) .ui-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text,:where([data-ui=cyberpunk]) .ui-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible,:where([data-ui=cyberpunk]) .ui-input:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field,:where([data-ui=y2k]) .ui-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label,:where([data-ui=y2k]) .ui-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select,:where([data-ui=y2k]) .ui-input,:where([data-ui=y2k]) .ui-textarea,:where([data-ui=y2k]) .ui-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea,:where([data-ui=y2k]) .ui-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus,:where([data-ui=y2k]) .ui-input:focus,:where([data-ui=y2k]) .ui-textarea:focus,:where([data-ui=y2k]) .ui-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text,:where([data-ui=y2k]) .ui-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field,:where([data-ui=retro-glass]) .ui-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label,:where([data-ui=retro-glass]) .ui-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select,:where([data-ui=retro-glass]) .ui-input,:where([data-ui=retro-glass]) .ui-textarea,:where([data-ui=retro-glass]) .ui-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea,:where([data-ui=retro-glass]) .ui-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus,:where([data-ui=retro-glass]) .ui-input:focus,:where([data-ui=retro-glass]) .ui-textarea:focus,:where([data-ui=retro-glass]) .ui-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text,:where([data-ui=retro-glass]) .ui-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}} \ No newline at end of file +@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-badge,:where([data-ui=minimal-saas]) .ui-nav-link{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card,:where([data-ui=minimal-saas]) .ui-toolbar,:where([data-ui=minimal-saas]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar,:where([data-ui=minimal-saas]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-toolbar,:where([data-ui=minimal-saas]) .ui-table-wrap,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button,:where([data-ui=minimal-saas]) .ui-badge,:where([data-ui=minimal-saas]) .ui-nav-link{font-family:var(--saas-font-control)}.saas-field,:where([data-ui=minimal-saas]) .ui-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label,:where([data-ui=minimal-saas]) .ui-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select,:where([data-ui=minimal-saas]) .ui-input,:where([data-ui=minimal-saas]) .ui-textarea,:where([data-ui=minimal-saas]) .ui-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea,:where([data-ui=minimal-saas]) .ui-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder,:where([data-ui=minimal-saas]) .ui-input::placeholder,:where([data-ui=minimal-saas]) .ui-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover,:where([data-ui=minimal-saas]) .ui-input:hover,:where([data-ui=minimal-saas]) .ui-textarea:hover,:where([data-ui=minimal-saas]) .ui-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus,:where([data-ui=minimal-saas]) .ui-input:focus,:where([data-ui=minimal-saas]) .ui-textarea:focus,:where([data-ui=minimal-saas]) .ui-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text,:where([data-ui=minimal-saas]) .ui-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio,:where([data-ui=minimal-saas]) .ui-check,:where([data-ui=minimal-saas]) .ui-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input,:where([data-ui=minimal-saas]) .ui-check input,:where([data-ui=minimal-saas]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check-control,:where([data-ui=minimal-saas]) .ui-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control,:where([data-ui=minimal-saas]) .ui-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control,:where([data-ui=minimal-saas]) .ui-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch,:where([data-ui=minimal-saas]) .ui-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input,:where([data-ui=minimal-saas]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge,:where([data-ui=minimal-saas]) .ui-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=success]){background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=warning]){background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav,:where([data-ui=minimal-saas]) .ui-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link,:where([data-ui=minimal-saas]) .ui-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover,:where([data-ui=minimal-saas]) .ui-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active,:where([data-ui=minimal-saas]) .ui-nav-link[aria-current=page],:where([data-ui=minimal-saas]) .ui-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress,:where([data-ui=minimal-saas]) .ui-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar,:where([data-ui=minimal-saas]) .ui-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert,:where([data-ui=minimal-saas]) .ui-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success,:where([data-ui=minimal-saas]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--saas-success)}.saas-alert-warning,:where([data-ui=minimal-saas]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--saas-warning)}.saas-alert-danger,:where([data-ui=minimal-saas]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--saas-danger)}.saas-alert-title,:where([data-ui=minimal-saas]) .ui-alert-title{margin:0;font-weight:900}.saas-alert-body,:where([data-ui=minimal-saas]) .ui-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-table-wrap{overflow:auto}.saas-table,:where([data-ui=minimal-saas]) .ui-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td,:where([data-ui=minimal-saas]) .ui-table th,:where([data-ui=minimal-saas]) .ui-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th,:where([data-ui=minimal-saas]) .ui-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td,:where([data-ui=minimal-saas]) .ui-table td{color:var(--saas-text-muted)}.saas-table tr:hover td,:where([data-ui=minimal-saas]) .ui-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-badge,:where([data-ui=bento]) .ui-nav-link{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card,:where([data-ui=bento]) .ui-toolbar,:where([data-ui=bento]) .ui-table-wrap{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar,:where([data-ui=bento]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-toolbar,:where([data-ui=bento]) .ui-table-wrap,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button,:where([data-ui=bento]) .ui-badge,:where([data-ui=bento]) .ui-nav-link{font-family:var(--bento-font-control)}.bento-field,:where([data-ui=bento]) .ui-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label,:where([data-ui=bento]) .ui-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select,:where([data-ui=bento]) .ui-input,:where([data-ui=bento]) .ui-textarea,:where([data-ui=bento]) .ui-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea,:where([data-ui=bento]) .ui-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder,:where([data-ui=bento]) .ui-input::placeholder,:where([data-ui=bento]) .ui-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover,:where([data-ui=bento]) .ui-input:hover,:where([data-ui=bento]) .ui-textarea:hover,:where([data-ui=bento]) .ui-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus,:where([data-ui=bento]) .ui-input:focus,:where([data-ui=bento]) .ui-textarea:focus,:where([data-ui=bento]) .ui-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text,:where([data-ui=bento]) .ui-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio,:where([data-ui=bento]) .ui-check,:where([data-ui=bento]) .ui-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input,:where([data-ui=bento]) .ui-check input,:where([data-ui=bento]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control,:where([data-ui=bento]) .ui-check-control,:where([data-ui=bento]) .ui-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control,:where([data-ui=bento]) .ui-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control,:where([data-ui=bento]) .ui-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch,:where([data-ui=bento]) .ui-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input,:where([data-ui=bento]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track,:where([data-ui=bento]) .ui-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb,:where([data-ui=bento]) .ui-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge,:where([data-ui=bento]) .ui-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=success]){background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=warning]){background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav,:where([data-ui=bento]) .ui-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link,:where([data-ui=bento]) .ui-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover,:where([data-ui=bento]) .ui-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active,:where([data-ui=bento]) .ui-nav-link[aria-current=page],:where([data-ui=bento]) .ui-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress,:where([data-ui=bento]) .ui-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar,:where([data-ui=bento]) .ui-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert,:where([data-ui=bento]) .ui-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success,:where([data-ui=bento]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--bento-success)}.bento-alert-warning,:where([data-ui=bento]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--bento-warning)}.bento-alert-danger,:where([data-ui=bento]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--bento-danger)}.bento-alert-title,:where([data-ui=bento]) .ui-alert-title{margin:0;font-weight:900}.bento-alert-body,:where([data-ui=bento]) .ui-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap,:where([data-ui=bento]) .ui-table-wrap{overflow:auto}.bento-table,:where([data-ui=bento]) .ui-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td,:where([data-ui=bento]) .ui-table th,:where([data-ui=bento]) .ui-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th,:where([data-ui=bento]) .ui-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td,:where([data-ui=bento]) .ui-table td{color:var(--bento-text-muted)}.bento-table tr:hover td,:where([data-ui=bento]) .ui-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-badge,:where([data-ui=maximalist]) .ui-nav-link{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card,:where([data-ui=maximalist]) .ui-toolbar,:where([data-ui=maximalist]) .ui-table-wrap{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar,:where([data-ui=maximalist]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-toolbar,:where([data-ui=maximalist]) .ui-table-wrap,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button,:where([data-ui=maximalist]) .ui-badge,:where([data-ui=maximalist]) .ui-nav-link{font-family:var(--max-font-control)}.max-field,:where([data-ui=maximalist]) .ui-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label,:where([data-ui=maximalist]) .ui-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select,:where([data-ui=maximalist]) .ui-input,:where([data-ui=maximalist]) .ui-textarea,:where([data-ui=maximalist]) .ui-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea,:where([data-ui=maximalist]) .ui-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder,:where([data-ui=maximalist]) .ui-input::placeholder,:where([data-ui=maximalist]) .ui-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover,:where([data-ui=maximalist]) .ui-input:hover,:where([data-ui=maximalist]) .ui-textarea:hover,:where([data-ui=maximalist]) .ui-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus,:where([data-ui=maximalist]) .ui-input:focus,:where([data-ui=maximalist]) .ui-textarea:focus,:where([data-ui=maximalist]) .ui-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text,:where([data-ui=maximalist]) .ui-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio,:where([data-ui=maximalist]) .ui-check,:where([data-ui=maximalist]) .ui-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input,:where([data-ui=maximalist]) .ui-check input,:where([data-ui=maximalist]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control,:where([data-ui=maximalist]) .ui-check-control,:where([data-ui=maximalist]) .ui-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control,:where([data-ui=maximalist]) .ui-check-control{border-radius:var(--max-radius-xs)}.max-radio-control,:where([data-ui=maximalist]) .ui-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch,:where([data-ui=maximalist]) .ui-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input,:where([data-ui=maximalist]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track,:where([data-ui=maximalist]) .ui-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb,:where([data-ui=maximalist]) .ui-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge,:where([data-ui=maximalist]) .ui-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=success]){background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=warning]){background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav,:where([data-ui=maximalist]) .ui-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link,:where([data-ui=maximalist]) .ui-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover,:where([data-ui=maximalist]) .ui-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active,:where([data-ui=maximalist]) .ui-nav-link[aria-current=page],:where([data-ui=maximalist]) .ui-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress,:where([data-ui=maximalist]) .ui-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar,:where([data-ui=maximalist]) .ui-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert,:where([data-ui=maximalist]) .ui-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success,:where([data-ui=maximalist]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--max-success)}.max-alert-warning,:where([data-ui=maximalist]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--max-warning)}.max-alert-danger,:where([data-ui=maximalist]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--max-danger)}.max-alert-title,:where([data-ui=maximalist]) .ui-alert-title{margin:0;font-weight:900}.max-alert-body,:where([data-ui=maximalist]) .ui-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap,:where([data-ui=maximalist]) .ui-table-wrap{overflow:auto}.max-table,:where([data-ui=maximalist]) .ui-table{border-collapse:collapse;width:100%}.max-table th,.max-table td,:where([data-ui=maximalist]) .ui-table th,:where([data-ui=maximalist]) .ui-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th,:where([data-ui=maximalist]) .ui-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td,:where([data-ui=maximalist]) .ui-table td{color:var(--max-text-muted)}.max-table tr:hover td,:where([data-ui=maximalist]) .ui-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-badge,:where([data-ui=bauhaus]) .ui-nav-link{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card,:where([data-ui=bauhaus]) .ui-toolbar,:where([data-ui=bauhaus]) .ui-table-wrap{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar,:where([data-ui=bauhaus]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-toolbar,:where([data-ui=bauhaus]) .ui-table-wrap,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button,:where([data-ui=bauhaus]) .ui-badge,:where([data-ui=bauhaus]) .ui-nav-link{font-family:var(--bau-font-control)}.bau-field,:where([data-ui=bauhaus]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui=bauhaus]) .ui-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select,:where([data-ui=bauhaus]) .ui-input,:where([data-ui=bauhaus]) .ui-textarea,:where([data-ui=bauhaus]) .ui-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea,:where([data-ui=bauhaus]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui=bauhaus]) .ui-input::placeholder,:where([data-ui=bauhaus]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui=bauhaus]) .ui-input:hover,:where([data-ui=bauhaus]) .ui-textarea:hover,:where([data-ui=bauhaus]) .ui-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui=bauhaus]) .ui-input:focus,:where([data-ui=bauhaus]) .ui-textarea:focus,:where([data-ui=bauhaus]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text,:where([data-ui=bauhaus]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui=bauhaus]) .ui-check,:where([data-ui=bauhaus]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui=bauhaus]) .ui-check input,:where([data-ui=bauhaus]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui=bauhaus]) .ui-check-control,:where([data-ui=bauhaus]) .ui-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control,:where([data-ui=bauhaus]) .ui-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control,:where([data-ui=bauhaus]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui=bauhaus]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui=bauhaus]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge,:where([data-ui=bauhaus]) .ui-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=success]){background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=warning]){background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav,:where([data-ui=bauhaus]) .ui-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link,:where([data-ui=bauhaus]) .ui-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover,:where([data-ui=bauhaus]) .ui-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active,:where([data-ui=bauhaus]) .ui-nav-link[aria-current=page],:where([data-ui=bauhaus]) .ui-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress,:where([data-ui=bauhaus]) .ui-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar,:where([data-ui=bauhaus]) .ui-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert,:where([data-ui=bauhaus]) .ui-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success,:where([data-ui=bauhaus]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--bau-success)}.bau-alert-warning,:where([data-ui=bauhaus]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--bau-warning)}.bau-alert-danger,:where([data-ui=bauhaus]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--bau-danger)}.bau-alert-title,:where([data-ui=bauhaus]) .ui-alert-title{margin:0;font-weight:900}.bau-alert-body,:where([data-ui=bauhaus]) .ui-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap,:where([data-ui=bauhaus]) .ui-table-wrap{overflow:auto}.bau-table,:where([data-ui=bauhaus]) .ui-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td,:where([data-ui=bauhaus]) .ui-table th,:where([data-ui=bauhaus]) .ui-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th,:where([data-ui=bauhaus]) .ui-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td,:where([data-ui=bauhaus]) .ui-table td{color:var(--bau-text-muted)}.bau-table tr:hover td,:where([data-ui=bauhaus]) .ui-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-badge,:where([data-ui=tactile]) .ui-nav-link{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card,:where([data-ui=tactile]) .ui-toolbar,:where([data-ui=tactile]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar,:where([data-ui=tactile]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-toolbar,:where([data-ui=tactile]) .ui-table-wrap,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button,:where([data-ui=tactile]) .ui-badge,:where([data-ui=tactile]) .ui-nav-link{font-family:var(--tactile-font-control)}.tactile-field,:where([data-ui=tactile]) .ui-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label,:where([data-ui=tactile]) .ui-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select,:where([data-ui=tactile]) .ui-input,:where([data-ui=tactile]) .ui-textarea,:where([data-ui=tactile]) .ui-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea,:where([data-ui=tactile]) .ui-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder,:where([data-ui=tactile]) .ui-input::placeholder,:where([data-ui=tactile]) .ui-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover,:where([data-ui=tactile]) .ui-input:hover,:where([data-ui=tactile]) .ui-textarea:hover,:where([data-ui=tactile]) .ui-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus,:where([data-ui=tactile]) .ui-input:focus,:where([data-ui=tactile]) .ui-textarea:focus,:where([data-ui=tactile]) .ui-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text,:where([data-ui=tactile]) .ui-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio,:where([data-ui=tactile]) .ui-check,:where([data-ui=tactile]) .ui-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input,:where([data-ui=tactile]) .ui-check input,:where([data-ui=tactile]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control,:where([data-ui=tactile]) .ui-check-control,:where([data-ui=tactile]) .ui-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control,:where([data-ui=tactile]) .ui-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control,:where([data-ui=tactile]) .ui-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch,:where([data-ui=tactile]) .ui-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input,:where([data-ui=tactile]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track,:where([data-ui=tactile]) .ui-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge,:where([data-ui=tactile]) .ui-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=success]){background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=warning]){background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav,:where([data-ui=tactile]) .ui-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link,:where([data-ui=tactile]) .ui-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover,:where([data-ui=tactile]) .ui-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active,:where([data-ui=tactile]) .ui-nav-link[aria-current=page],:where([data-ui=tactile]) .ui-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress,:where([data-ui=tactile]) .ui-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar,:where([data-ui=tactile]) .ui-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert,:where([data-ui=tactile]) .ui-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success,:where([data-ui=tactile]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--tactile-success)}.tactile-alert-warning,:where([data-ui=tactile]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--tactile-warning)}.tactile-alert-danger,:where([data-ui=tactile]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--tactile-danger)}.tactile-alert-title,:where([data-ui=tactile]) .ui-alert-title{margin:0;font-weight:900}.tactile-alert-body,:where([data-ui=tactile]) .ui-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap,:where([data-ui=tactile]) .ui-table-wrap{overflow:auto}.tactile-table,:where([data-ui=tactile]) .ui-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td,:where([data-ui=tactile]) .ui-table th,:where([data-ui=tactile]) .ui-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th,:where([data-ui=tactile]) .ui-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td,:where([data-ui=tactile]) .ui-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td,:where([data-ui=tactile]) .ui-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-badge,:where([data-ui=neumorphism]) .ui-nav-link{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card,:where([data-ui=neumorphism]) .ui-toolbar,:where([data-ui=neumorphism]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar,:where([data-ui=neumorphism]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-toolbar,:where([data-ui=neumorphism]) .ui-table-wrap,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button,:where([data-ui=neumorphism]) .ui-badge,:where([data-ui=neumorphism]) .ui-nav-link{font-family:var(--neo-font-control)}.neo-field,:where([data-ui=neumorphism]) .ui-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label,:where([data-ui=neumorphism]) .ui-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea,:where([data-ui=neumorphism]) .ui-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder,:where([data-ui=neumorphism]) .ui-input::placeholder,:where([data-ui=neumorphism]) .ui-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover,:where([data-ui=neumorphism]) .ui-input:hover,:where([data-ui=neumorphism]) .ui-textarea:hover,:where([data-ui=neumorphism]) .ui-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus,:where([data-ui=neumorphism]) .ui-input:focus,:where([data-ui=neumorphism]) .ui-textarea:focus,:where([data-ui=neumorphism]) .ui-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text,:where([data-ui=neumorphism]) .ui-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio,:where([data-ui=neumorphism]) .ui-check,:where([data-ui=neumorphism]) .ui-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input,:where([data-ui=neumorphism]) .ui-check input,:where([data-ui=neumorphism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control,:where([data-ui=neumorphism]) .ui-check-control,:where([data-ui=neumorphism]) .ui-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control,:where([data-ui=neumorphism]) .ui-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control,:where([data-ui=neumorphism]) .ui-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch,:where([data-ui=neumorphism]) .ui-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input,:where([data-ui=neumorphism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge,:where([data-ui=neumorphism]) .ui-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=success]){background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=warning]){background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav,:where([data-ui=neumorphism]) .ui-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link,:where([data-ui=neumorphism]) .ui-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover,:where([data-ui=neumorphism]) .ui-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-nav-link[aria-current=page],:where([data-ui=neumorphism]) .ui-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress,:where([data-ui=neumorphism]) .ui-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar,:where([data-ui=neumorphism]) .ui-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert,:where([data-ui=neumorphism]) .ui-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success,:where([data-ui=neumorphism]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--neo-success)}.neo-alert-warning,:where([data-ui=neumorphism]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--neo-warning)}.neo-alert-danger,:where([data-ui=neumorphism]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--neo-danger)}.neo-alert-title,:where([data-ui=neumorphism]) .ui-alert-title{margin:0;font-weight:900}.neo-alert-body,:where([data-ui=neumorphism]) .ui-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap,:where([data-ui=neumorphism]) .ui-table-wrap{overflow:auto}.neo-table,:where([data-ui=neumorphism]) .ui-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td,:where([data-ui=neumorphism]) .ui-table th,:where([data-ui=neumorphism]) .ui-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th,:where([data-ui=neumorphism]) .ui-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td,:where([data-ui=neumorphism]) .ui-table td{color:var(--neo-text-muted)}.neo-table tr:hover td,:where([data-ui=neumorphism]) .ui-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card,:where([data-ui=neumorphism]) .ui-toolbar,:where([data-ui=neumorphism]) .ui-table-wrap{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select,:where([data-ui=neumorphism]) .ui-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button,:where([data-ui=neumorphism]) .ui-badge,:where([data-ui=neumorphism]) .ui-nav{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active,:where([data-ui=neumorphism]) .ui-nav-link.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-badge,:where([data-ui=retrofuturism]) .ui-nav-link{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card,:where([data-ui=retrofuturism]) .ui-toolbar,:where([data-ui=retrofuturism]) .ui-table-wrap{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar,:where([data-ui=retrofuturism]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-toolbar,:where([data-ui=retrofuturism]) .ui-table-wrap,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button,:where([data-ui=retrofuturism]) .ui-badge,:where([data-ui=retrofuturism]) .ui-nav-link{font-family:var(--retro-font-control)}.retro-field,:where([data-ui=retrofuturism]) .ui-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label,:where([data-ui=retrofuturism]) .ui-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select,:where([data-ui=retrofuturism]) .ui-input,:where([data-ui=retrofuturism]) .ui-textarea,:where([data-ui=retrofuturism]) .ui-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea,:where([data-ui=retrofuturism]) .ui-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder,:where([data-ui=retrofuturism]) .ui-input::placeholder,:where([data-ui=retrofuturism]) .ui-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover,:where([data-ui=retrofuturism]) .ui-input:hover,:where([data-ui=retrofuturism]) .ui-textarea:hover,:where([data-ui=retrofuturism]) .ui-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus,:where([data-ui=retrofuturism]) .ui-input:focus,:where([data-ui=retrofuturism]) .ui-textarea:focus,:where([data-ui=retrofuturism]) .ui-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text,:where([data-ui=retrofuturism]) .ui-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio,:where([data-ui=retrofuturism]) .ui-check,:where([data-ui=retrofuturism]) .ui-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input,:where([data-ui=retrofuturism]) .ui-check input,:where([data-ui=retrofuturism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check-control,:where([data-ui=retrofuturism]) .ui-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control,:where([data-ui=retrofuturism]) .ui-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control,:where([data-ui=retrofuturism]) .ui-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch,:where([data-ui=retrofuturism]) .ui-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input,:where([data-ui=retrofuturism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge,:where([data-ui=retrofuturism]) .ui-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=success]){background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=warning]){background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav,:where([data-ui=retrofuturism]) .ui-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link,:where([data-ui=retrofuturism]) .ui-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover,:where([data-ui=retrofuturism]) .ui-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-nav-link[aria-current=page],:where([data-ui=retrofuturism]) .ui-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress,:where([data-ui=retrofuturism]) .ui-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar,:where([data-ui=retrofuturism]) .ui-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert,:where([data-ui=retrofuturism]) .ui-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success,:where([data-ui=retrofuturism]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--retro-success)}.retro-alert-warning,:where([data-ui=retrofuturism]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--retro-warning)}.retro-alert-danger,:where([data-ui=retrofuturism]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--retro-danger)}.retro-alert-title,:where([data-ui=retrofuturism]) .ui-alert-title{margin:0;font-weight:900}.retro-alert-body,:where([data-ui=retrofuturism]) .ui-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-table-wrap{overflow:auto}.retro-table,:where([data-ui=retrofuturism]) .ui-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td,:where([data-ui=retrofuturism]) .ui-table th,:where([data-ui=retrofuturism]) .ui-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th,:where([data-ui=retrofuturism]) .ui-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td,:where([data-ui=retrofuturism]) .ui-table td{color:var(--retro-text-muted)}.retro-table tr:hover td,:where([data-ui=retrofuturism]) .ui-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card,:where([data-ui=retrofuturism]) .ui-toolbar,:where([data-ui=retrofuturism]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]),:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=primary]),:where([data-ui=retrofuturism]) .ui-nav-link.is-active{box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-badge,:where([data-ui=brutalism]) .ui-nav-link{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card,:where([data-ui=brutalism]) .ui-toolbar,:where([data-ui=brutalism]) .ui-table-wrap{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar,:where([data-ui=brutalism]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-toolbar,:where([data-ui=brutalism]) .ui-table-wrap,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button,:where([data-ui=brutalism]) .ui-badge,:where([data-ui=brutalism]) .ui-nav-link{font-family:var(--brutal-font-control)}.brutal-field,:where([data-ui=brutalism]) .ui-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label,:where([data-ui=brutalism]) .ui-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select,:where([data-ui=brutalism]) .ui-input,:where([data-ui=brutalism]) .ui-textarea,:where([data-ui=brutalism]) .ui-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea,:where([data-ui=brutalism]) .ui-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus,:where([data-ui=brutalism]) .ui-input:focus,:where([data-ui=brutalism]) .ui-textarea:focus,:where([data-ui=brutalism]) .ui-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text,:where([data-ui=brutalism]) .ui-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge,:where([data-ui=brutalism]) .ui-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=success]){background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=warning]){background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav,:where([data-ui=brutalism]) .ui-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link,:where([data-ui=brutalism]) .ui-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover,:where([data-ui=brutalism]) .ui-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page],:where([data-ui=brutalism]) .ui-nav-link.is-active,:where([data-ui=brutalism]) .ui-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress,:where([data-ui=brutalism]) .ui-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar,:where([data-ui=brutalism]) .ui-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert,:where([data-ui=brutalism]) .ui-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success,:where([data-ui=brutalism]) .ui-alert:where([data-ui-variant=success]){box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning,:where([data-ui=brutalism]) .ui-alert:where([data-ui-variant=warning]){box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger,:where([data-ui=brutalism]) .ui-alert:where([data-ui-variant=danger]){box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title,:where([data-ui=brutalism]) .ui-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body,:where([data-ui=brutalism]) .ui-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap,:where([data-ui=brutalism]) .ui-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table,:where([data-ui=brutalism]) .ui-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td,:where([data-ui=brutalism]) .ui-table th,:where([data-ui=brutalism]) .ui-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th,:where([data-ui=brutalism]) .ui-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-badge,:where([data-ui=cyberpunk]) .ui-nav-link{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card,:where([data-ui=cyberpunk]) .ui-toolbar,:where([data-ui=cyberpunk]) .ui-table-wrap{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before,:where([data-ui=cyberpunk]) .ui-toolbar:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar,:where([data-ui=cyberpunk]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field,:where([data-ui=cyberpunk]) .ui-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label,:where([data-ui=cyberpunk]) .ui-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select,:where([data-ui=cyberpunk]) .ui-input,:where([data-ui=cyberpunk]) .ui-textarea,:where([data-ui=cyberpunk]) .ui-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea,:where([data-ui=cyberpunk]) .ui-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus,:where([data-ui=cyberpunk]) .ui-input:focus,:where([data-ui=cyberpunk]) .ui-textarea:focus,:where([data-ui=cyberpunk]) .ui-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text,:where([data-ui=cyberpunk]) .ui-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge,:where([data-ui=cyberpunk]) .ui-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=primary]){background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=secondary]){background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=success]){background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=warning]){background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav,:where([data-ui=cyberpunk]) .ui-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover,:where([data-ui=cyberpunk]) .ui-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page],:where([data-ui=cyberpunk]) .ui-nav-link.is-active,:where([data-ui=cyberpunk]) .ui-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress,:where([data-ui=cyberpunk]) .ui-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar,:where([data-ui=cyberpunk]) .ui-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert,:where([data-ui=cyberpunk]) .ui-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success,:where([data-ui=cyberpunk]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--cyber-success)}.cyber-alert-warning,:where([data-ui=cyberpunk]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--cyber-warning)}.cyber-alert-danger,:where([data-ui=cyberpunk]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--cyber-danger)}.cyber-alert-title,:where([data-ui=cyberpunk]) .ui-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body,:where([data-ui=cyberpunk]) .ui-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-table-wrap{overflow:auto}.cyber-table,:where([data-ui=cyberpunk]) .ui-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td,:where([data-ui=cyberpunk]) .ui-table th,:where([data-ui=cyberpunk]) .ui-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th,:where([data-ui=cyberpunk]) .ui-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td,:where([data-ui=cyberpunk]) .ui-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td,:where([data-ui=cyberpunk]) .ui-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible,:where([data-ui=cyberpunk]) .ui-input:focus-visible,:where([data-ui=cyberpunk]) .ui-nav-link:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-toolbar,:where([data-ui=cyberpunk]) .ui-table-wrap,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button,:where([data-ui=cyberpunk]) .ui-badge,:where([data-ui=cyberpunk]) .ui-nav-link{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-badge,:where([data-ui=y2k]) .ui-nav-link{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card,:where([data-ui=y2k]) .ui-toolbar,:where([data-ui=y2k]) .ui-table-wrap{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar,:where([data-ui=y2k]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field,:where([data-ui=y2k]) .ui-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label,:where([data-ui=y2k]) .ui-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select,:where([data-ui=y2k]) .ui-input,:where([data-ui=y2k]) .ui-textarea,:where([data-ui=y2k]) .ui-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea,:where([data-ui=y2k]) .ui-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus,:where([data-ui=y2k]) .ui-input:focus,:where([data-ui=y2k]) .ui-textarea:focus,:where([data-ui=y2k]) .ui-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text,:where([data-ui=y2k]) .ui-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge,:where([data-ui=y2k]) .ui-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=primary]){background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=secondary]){background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=success]){background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=warning]){background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav,:where([data-ui=y2k]) .ui-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link,:where([data-ui=y2k]) .ui-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover,:where([data-ui=y2k]) .ui-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page],:where([data-ui=y2k]) .ui-nav-link.is-active,:where([data-ui=y2k]) .ui-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress,:where([data-ui=y2k]) .ui-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar,:where([data-ui=y2k]) .ui-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert,:where([data-ui=y2k]) .ui-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title,:where([data-ui=y2k]) .ui-alert-title{margin:0;font-weight:900}.y2k-alert-body,:where([data-ui=y2k]) .ui-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success,:where([data-ui=y2k]) .ui-alert:where([data-ui-variant=success]){box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning,:where([data-ui=y2k]) .ui-alert:where([data-ui-variant=warning]){box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger,:where([data-ui=y2k]) .ui-alert:where([data-ui-variant=danger]){box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap,:where([data-ui=y2k]) .ui-table-wrap{overflow:auto}.y2k-table,:where([data-ui=y2k]) .ui-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td,:where([data-ui=y2k]) .ui-table th,:where([data-ui=y2k]) .ui-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th,:where([data-ui=y2k]) .ui-table th{background:#ffffff29;font-weight:900}.y2k-table td,:where([data-ui=y2k]) .ui-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-toolbar,:where([data-ui=y2k]) .ui-table-wrap,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button,:where([data-ui=y2k]) .ui-badge,:where([data-ui=y2k]) .ui-nav-link{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-badge,:where([data-ui=retro-glass]) .ui-nav-link{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card,:where([data-ui=retro-glass]) .ui-toolbar,:where([data-ui=retro-glass]) .ui-table-wrap{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar,:where([data-ui=retro-glass]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field,:where([data-ui=retro-glass]) .ui-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label,:where([data-ui=retro-glass]) .ui-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select,:where([data-ui=retro-glass]) .ui-input,:where([data-ui=retro-glass]) .ui-textarea,:where([data-ui=retro-glass]) .ui-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea,:where([data-ui=retro-glass]) .ui-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus,:where([data-ui=retro-glass]) .ui-input:focus,:where([data-ui=retro-glass]) .ui-textarea:focus,:where([data-ui=retro-glass]) .ui-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text,:where([data-ui=retro-glass]) .ui-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge,:where([data-ui=retro-glass]) .ui-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=primary]){background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=secondary]){background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=success]){background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=warning]){background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav,:where([data-ui=retro-glass]) .ui-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link,:where([data-ui=retro-glass]) .ui-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover,:where([data-ui=retro-glass]) .ui-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page],:where([data-ui=retro-glass]) .ui-nav-link.is-active,:where([data-ui=retro-glass]) .ui-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress,:where([data-ui=retro-glass]) .ui-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar,:where([data-ui=retro-glass]) .ui-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert,:where([data-ui=retro-glass]) .ui-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title,:where([data-ui=retro-glass]) .ui-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body,:where([data-ui=retro-glass]) .ui-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success,:where([data-ui=retro-glass]) .ui-alert:where([data-ui-variant=success]){border-left:4px solid var(--rg-success)}.rg-alert-warning,:where([data-ui=retro-glass]) .ui-alert:where([data-ui-variant=warning]){border-left:4px solid var(--rg-warning)}.rg-alert-danger,:where([data-ui=retro-glass]) .ui-alert:where([data-ui-variant=danger]){border-left:4px solid var(--rg-danger)}.rg-table-wrap,:where([data-ui=retro-glass]) .ui-table-wrap{overflow:auto}.rg-table,:where([data-ui=retro-glass]) .ui-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td,:where([data-ui=retro-glass]) .ui-table th,:where([data-ui=retro-glass]) .ui-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th,:where([data-ui=retro-glass]) .ui-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td,:where([data-ui=retro-glass]) .ui-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-toolbar,:where([data-ui=retro-glass]) .ui-table-wrap,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button,:where([data-ui=retro-glass]) .ui-badge,:where([data-ui=retro-glass]) .ui-nav-link{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}} \ No newline at end of file diff --git a/dist/ui-style-kit.visual.css b/dist/ui-style-kit.visual.css index 8880995..7499bb7 100644 --- a/dist/ui-style-kit.visual.css +++ b/dist/ui-style-kit.visual.css @@ -2214,7 +2214,7 @@ background-size: var(--saas-theme-bg-size); } - .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button { + .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-badge, :where([data-ui="minimal-saas"]) .ui-nav-link { font-family: var(--saas-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card { + .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface); color: var(--saas-text); border: 1px solid var(--saas-border); @@ -2274,7 +2274,7 @@ padding: var(--saas-space-6); } - .saas-toolbar { + .saas-toolbar, :where([data-ui="minimal-saas"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--saas-space-4); @@ -2391,11 +2391,11 @@ background: var(--saas-card-bg); } - .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { + .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { background: var(--saas-control-bg); } - .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { + .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button, :where([data-ui="minimal-saas"]) .ui-badge, :where([data-ui="minimal-saas"]) .ui-nav-link { font-family: var(--saas-font-control); } @@ -2549,7 +2549,7 @@ left: calc(100% - 1.56rem); } - .saas-badge { + .saas-badge, :where([data-ui="minimal-saas"]) .ui-badge { align-items: center; gap: var(--saas-space-1); background: var(--saas-surface-soft); @@ -2564,37 +2564,37 @@ display: inline-flex; } - .saas-badge-primary { + .saas-badge-primary, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--saas-primary); color: var(--saas-on-primary); border-color: var(--saas-primary); } - .saas-badge-secondary { + .saas-badge-secondary, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--saas-secondary); color: var(--saas-on-secondary); border-color: var(--saas-secondary); } - .saas-badge-success { + .saas-badge-success, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--saas-success); color: var(--saas-on-success); border-color: var(--saas-success); } - .saas-badge-warning { + .saas-badge-warning, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--saas-warning); color: var(--saas-on-warning); border-color: var(--saas-warning); } - .saas-badge-danger { + .saas-badge-danger, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--saas-danger); color: var(--saas-on-danger); border-color: var(--saas-danger); } - .saas-nav { + .saas-nav, :where([data-ui="minimal-saas"]) .ui-nav { align-items: center; gap: var(--saas-space-2); padding: var(--saas-space-2); @@ -2606,7 +2606,7 @@ display: flex; } - .saas-nav-link { + .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-nav-link { min-height: 2.5rem; color: var(--saas-text-muted); border-radius: var(--saas-radius-pill); @@ -2619,12 +2619,12 @@ display: inline-flex; } - .saas-nav-link:hover { + .saas-nav-link:hover, :where([data-ui="minimal-saas"]) .ui-nav-link:hover { color: var(--saas-text); background: var(--saas-surface-soft); } - .saas-nav-link[aria-current="page"], .saas-nav-link.is-active { + .saas-nav-link[aria-current="page"], .saas-nav-link.is-active, :where([data-ui="minimal-saas"]) .ui-nav-link[aria-current="page"], :where([data-ui="minimal-saas"]) .ui-nav-link.is-active { color: var(--saas-on-primary); background: var(--saas-primary); } @@ -2655,7 +2655,7 @@ transform: rotate(45deg); } - .saas-progress { + .saas-progress, :where([data-ui="minimal-saas"]) .ui-progress { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); border-radius: var(--saas-radius-pill); @@ -2664,14 +2664,14 @@ overflow: hidden; } - .saas-progress-bar { + .saas-progress-bar, :where([data-ui="minimal-saas"]) .ui-progress-bar { height: 100%; width: var(--saas-progress-value, 50%); background: linear-gradient(90deg,var(--saas-primary),var(--saas-accent)); border-radius: inherit; } - .saas-alert { + .saas-alert, :where([data-ui="minimal-saas"]) .ui-alert { gap: var(--saas-space-2); padding: var(--saas-space-4); background: var(--saas-surface); @@ -2682,45 +2682,45 @@ display: grid; } - .saas-alert-success { + .saas-alert-success, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--saas-success); } - .saas-alert-warning { + .saas-alert-warning, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--saas-warning); } - .saas-alert-danger { + .saas-alert-danger, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--saas-danger); } - .saas-alert-title { + .saas-alert-title, :where([data-ui="minimal-saas"]) .ui-alert-title { margin: 0; font-weight: 900; } - .saas-alert-body { + .saas-alert-body, :where([data-ui="minimal-saas"]) .ui-alert-body { color: var(--saas-text-muted); margin: 0; line-height: 1.55; } - .saas-table-wrap { + .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-table-wrap { overflow: auto; } - .saas-table { + .saas-table, :where([data-ui="minimal-saas"]) .ui-table { border-collapse: collapse; width: 100%; } - .saas-table th, .saas-table td { + .saas-table th, .saas-table td, :where([data-ui="minimal-saas"]) .ui-table th, :where([data-ui="minimal-saas"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--saas-border); padding: .95rem 1rem; } - .saas-table th { + .saas-table th, :where([data-ui="minimal-saas"]) .ui-table th { color: var(--saas-text); text-transform: uppercase; letter-spacing: .08em; @@ -2729,11 +2729,11 @@ font-weight: 900; } - .saas-table td { + .saas-table td, :where([data-ui="minimal-saas"]) .ui-table td { color: var(--saas-text-muted); } - .saas-table tr:hover td { + .saas-table tr:hover td, :where([data-ui="minimal-saas"]) .ui-table tr:hover td { background: rgb(var(--saas-primary-rgb)/.045); } @@ -3110,7 +3110,7 @@ background-size: var(--bento-theme-bg-size); } - .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button { + .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link { font-family: var(--bento-font-heading); } @@ -3156,7 +3156,7 @@ height: 1px; } - .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card { + .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface); color: var(--bento-text); border: 1px solid var(--bento-border); @@ -3170,7 +3170,7 @@ padding: var(--bento-space-6); } - .bento-toolbar { + .bento-toolbar, :where([data-ui="bento"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--bento-space-4); @@ -3287,11 +3287,11 @@ background: var(--bento-card-bg); } - .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { + .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { background: var(--bento-control-bg); } - .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { + .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link { font-family: var(--bento-font-control); } @@ -3445,7 +3445,7 @@ left: calc(100% - 1.56rem); } - .bento-badge { + .bento-badge, :where([data-ui="bento"]) .ui-badge { align-items: center; gap: var(--bento-space-1); background: var(--bento-surface-soft); @@ -3460,37 +3460,37 @@ display: inline-flex; } - .bento-badge-primary { + .bento-badge-primary, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--bento-primary); color: var(--bento-on-primary); border-color: var(--bento-primary); } - .bento-badge-secondary { + .bento-badge-secondary, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--bento-secondary); color: var(--bento-on-secondary); border-color: var(--bento-secondary); } - .bento-badge-success { + .bento-badge-success, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--bento-success); color: var(--bento-on-success); border-color: var(--bento-success); } - .bento-badge-warning { + .bento-badge-warning, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--bento-warning); color: var(--bento-on-warning); border-color: var(--bento-warning); } - .bento-badge-danger { + .bento-badge-danger, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--bento-danger); color: var(--bento-on-danger); border-color: var(--bento-danger); } - .bento-nav { + .bento-nav, :where([data-ui="bento"]) .ui-nav { align-items: center; gap: var(--bento-space-2); padding: var(--bento-space-2); @@ -3502,7 +3502,7 @@ display: flex; } - .bento-nav-link { + .bento-nav-link, :where([data-ui="bento"]) .ui-nav-link { min-height: 2.5rem; color: var(--bento-text-muted); border-radius: var(--bento-radius-pill); @@ -3515,12 +3515,12 @@ display: inline-flex; } - .bento-nav-link:hover { + .bento-nav-link:hover, :where([data-ui="bento"]) .ui-nav-link:hover { color: var(--bento-text); background: var(--bento-surface-soft); } - .bento-nav-link[aria-current="page"], .bento-nav-link.is-active { + .bento-nav-link[aria-current="page"], .bento-nav-link.is-active, :where([data-ui="bento"]) .ui-nav-link[aria-current="page"], :where([data-ui="bento"]) .ui-nav-link.is-active { color: var(--bento-on-primary); background: var(--bento-primary); } @@ -3550,7 +3550,7 @@ transform: rotate(45deg); } - .bento-progress { + .bento-progress, :where([data-ui="bento"]) .ui-progress { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); border-radius: var(--bento-radius-pill); @@ -3559,14 +3559,14 @@ overflow: hidden; } - .bento-progress-bar { + .bento-progress-bar, :where([data-ui="bento"]) .ui-progress-bar { height: 100%; width: var(--bento-progress-value, 50%); background: linear-gradient(90deg,var(--bento-primary),var(--bento-accent)); border-radius: inherit; } - .bento-alert { + .bento-alert, :where([data-ui="bento"]) .ui-alert { gap: var(--bento-space-2); padding: var(--bento-space-4); background: var(--bento-surface); @@ -3577,45 +3577,45 @@ display: grid; } - .bento-alert-success { + .bento-alert-success, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--bento-success); } - .bento-alert-warning { + .bento-alert-warning, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--bento-warning); } - .bento-alert-danger { + .bento-alert-danger, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--bento-danger); } - .bento-alert-title { + .bento-alert-title, :where([data-ui="bento"]) .ui-alert-title { margin: 0; font-weight: 900; } - .bento-alert-body { + .bento-alert-body, :where([data-ui="bento"]) .ui-alert-body { color: var(--bento-text-muted); margin: 0; line-height: 1.55; } - .bento-table-wrap { + .bento-table-wrap, :where([data-ui="bento"]) .ui-table-wrap { overflow: auto; } - .bento-table { + .bento-table, :where([data-ui="bento"]) .ui-table { border-collapse: collapse; width: 100%; } - .bento-table th, .bento-table td { + .bento-table th, .bento-table td, :where([data-ui="bento"]) .ui-table th, :where([data-ui="bento"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--bento-border); padding: .95rem 1rem; } - .bento-table th { + .bento-table th, :where([data-ui="bento"]) .ui-table th { color: var(--bento-text); text-transform: uppercase; letter-spacing: .08em; @@ -3624,11 +3624,11 @@ font-weight: 900; } - .bento-table td { + .bento-table td, :where([data-ui="bento"]) .ui-table td { color: var(--bento-text-muted); } - .bento-table tr:hover td { + .bento-table tr:hover td, :where([data-ui="bento"]) .ui-table tr:hover td { background: rgb(var(--bento-primary-rgb)/.045); } @@ -4027,7 +4027,7 @@ background-size: var(--max-theme-bg-size); } - .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button { + .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link { font-family: var(--max-font-heading); } @@ -4074,7 +4074,7 @@ height: 3px; } - .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card { + .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface); color: var(--max-text); border: 3px solid var(--max-border); @@ -4088,7 +4088,7 @@ padding: var(--max-space-6); } - .max-toolbar { + .max-toolbar, :where([data-ui="maximalist"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--max-space-4); @@ -4205,11 +4205,11 @@ background: var(--max-card-bg); } - .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { + .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { background: var(--max-control-bg); } - .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { + .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link { font-family: var(--max-font-control); } @@ -4363,7 +4363,7 @@ left: calc(100% - 1.56rem); } - .max-badge { + .max-badge, :where([data-ui="maximalist"]) .ui-badge { align-items: center; gap: var(--max-space-1); background: var(--max-surface-soft); @@ -4378,37 +4378,37 @@ display: inline-flex; } - .max-badge-primary { + .max-badge-primary, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--max-primary); color: var(--max-on-primary); border-color: var(--max-primary); } - .max-badge-secondary { + .max-badge-secondary, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--max-secondary); color: var(--max-on-secondary); border-color: var(--max-secondary); } - .max-badge-success { + .max-badge-success, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--max-success); color: var(--max-on-success); border-color: var(--max-success); } - .max-badge-warning { + .max-badge-warning, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--max-warning); color: var(--max-on-warning); border-color: var(--max-warning); } - .max-badge-danger { + .max-badge-danger, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--max-danger); color: var(--max-on-danger); border-color: var(--max-danger); } - .max-nav { + .max-nav, :where([data-ui="maximalist"]) .ui-nav { align-items: center; gap: var(--max-space-2); padding: var(--max-space-2); @@ -4420,7 +4420,7 @@ display: flex; } - .max-nav-link { + .max-nav-link, :where([data-ui="maximalist"]) .ui-nav-link { min-height: 2.5rem; color: var(--max-text-muted); border-radius: var(--max-radius-pill); @@ -4433,12 +4433,12 @@ display: inline-flex; } - .max-nav-link:hover { + .max-nav-link:hover, :where([data-ui="maximalist"]) .ui-nav-link:hover { color: var(--max-text); background: var(--max-surface-soft); } - .max-nav-link[aria-current="page"], .max-nav-link.is-active { + .max-nav-link[aria-current="page"], .max-nav-link.is-active, :where([data-ui="maximalist"]) .ui-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .ui-nav-link.is-active { color: var(--max-on-primary); background: var(--max-primary); } @@ -4470,7 +4470,7 @@ transform: rotate(45deg); } - .max-progress { + .max-progress, :where([data-ui="maximalist"]) .ui-progress { background: var(--max-surface-soft); border: 3px solid var(--max-border); border-radius: var(--max-radius-pill); @@ -4479,14 +4479,14 @@ overflow: hidden; } - .max-progress-bar { + .max-progress-bar, :where([data-ui="maximalist"]) .ui-progress-bar { height: 100%; width: var(--max-progress-value, 50%); background: linear-gradient(90deg,var(--max-primary),var(--max-accent)); border-radius: inherit; } - .max-alert { + .max-alert, :where([data-ui="maximalist"]) .ui-alert { gap: var(--max-space-2); padding: var(--max-space-4); background: var(--max-surface); @@ -4497,45 +4497,45 @@ display: grid; } - .max-alert-success { + .max-alert-success, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--max-success); } - .max-alert-warning { + .max-alert-warning, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--max-warning); } - .max-alert-danger { + .max-alert-danger, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--max-danger); } - .max-alert-title { + .max-alert-title, :where([data-ui="maximalist"]) .ui-alert-title { margin: 0; font-weight: 900; } - .max-alert-body { + .max-alert-body, :where([data-ui="maximalist"]) .ui-alert-body { color: var(--max-text-muted); margin: 0; line-height: 1.55; } - .max-table-wrap { + .max-table-wrap, :where([data-ui="maximalist"]) .ui-table-wrap { overflow: auto; } - .max-table { + .max-table, :where([data-ui="maximalist"]) .ui-table { border-collapse: collapse; width: 100%; } - .max-table th, .max-table td { + .max-table th, .max-table td, :where([data-ui="maximalist"]) .ui-table th, :where([data-ui="maximalist"]) .ui-table td { text-align: left; border-bottom: 3px solid var(--max-border); padding: .95rem 1rem; } - .max-table th { + .max-table th, :where([data-ui="maximalist"]) .ui-table th { color: var(--max-text); text-transform: uppercase; letter-spacing: .08em; @@ -4544,11 +4544,11 @@ font-weight: 900; } - .max-table td { + .max-table td, :where([data-ui="maximalist"]) .ui-table td { color: var(--max-text-muted); } - .max-table tr:hover td { + .max-table tr:hover td, :where([data-ui="maximalist"]) .ui-table tr:hover td { background: rgb(var(--max-primary-rgb)/.045); } @@ -4933,7 +4933,7 @@ background-size: var(--bau-theme-bg-size); } - .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button { + .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link { font-family: var(--bau-font-heading); } @@ -4980,7 +4980,7 @@ height: 2px; } - .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card { + .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap { background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface); color: var(--bau-text); border: 2px solid var(--bau-border); @@ -4994,7 +4994,7 @@ padding: var(--bau-space-6); } - .bau-toolbar { + .bau-toolbar, :where([data-ui="bauhaus"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--bau-space-4); @@ -5111,11 +5111,11 @@ background: var(--bau-card-bg); } - .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { + .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { background: var(--bau-control-bg); } - .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { + .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link { font-family: var(--bau-font-control); } @@ -5269,7 +5269,7 @@ left: calc(100% - 1.56rem); } - .bau-badge { + .bau-badge, :where([data-ui="bauhaus"]) .ui-badge { align-items: center; gap: var(--bau-space-1); background: var(--bau-surface-soft); @@ -5284,37 +5284,37 @@ display: inline-flex; } - .bau-badge-primary { + .bau-badge-primary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--bau-primary); color: var(--bau-on-primary); border-color: var(--bau-primary); } - .bau-badge-secondary { + .bau-badge-secondary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--bau-secondary); color: var(--bau-on-secondary); border-color: var(--bau-secondary); } - .bau-badge-success { + .bau-badge-success, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--bau-success); color: var(--bau-on-success); border-color: var(--bau-success); } - .bau-badge-warning { + .bau-badge-warning, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--bau-warning); color: var(--bau-on-warning); border-color: var(--bau-warning); } - .bau-badge-danger { + .bau-badge-danger, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--bau-danger); color: var(--bau-on-danger); border-color: var(--bau-danger); } - .bau-nav { + .bau-nav, :where([data-ui="bauhaus"]) .ui-nav { align-items: center; gap: var(--bau-space-2); padding: var(--bau-space-2); @@ -5326,7 +5326,7 @@ display: flex; } - .bau-nav-link { + .bau-nav-link, :where([data-ui="bauhaus"]) .ui-nav-link { min-height: 2.5rem; color: var(--bau-text-muted); border-radius: var(--bau-radius-pill); @@ -5339,12 +5339,12 @@ display: inline-flex; } - .bau-nav-link:hover { + .bau-nav-link:hover, :where([data-ui="bauhaus"]) .ui-nav-link:hover { color: var(--bau-text); background: var(--bau-surface-soft); } - .bau-nav-link[aria-current="page"], .bau-nav-link.is-active { + .bau-nav-link[aria-current="page"], .bau-nav-link.is-active, :where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"], :where([data-ui="bauhaus"]) .ui-nav-link.is-active { color: var(--bau-on-primary); background: var(--bau-primary); } @@ -5375,7 +5375,7 @@ transform: rotate(45deg); } - .bau-progress { + .bau-progress, :where([data-ui="bauhaus"]) .ui-progress { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); border-radius: var(--bau-radius-pill); @@ -5384,14 +5384,14 @@ overflow: hidden; } - .bau-progress-bar { + .bau-progress-bar, :where([data-ui="bauhaus"]) .ui-progress-bar { height: 100%; width: var(--bau-progress-value, 50%); background: linear-gradient(90deg,var(--bau-primary),var(--bau-accent)); border-radius: inherit; } - .bau-alert { + .bau-alert, :where([data-ui="bauhaus"]) .ui-alert { gap: var(--bau-space-2); padding: var(--bau-space-4); background: var(--bau-surface); @@ -5402,45 +5402,45 @@ display: grid; } - .bau-alert-success { + .bau-alert-success, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--bau-success); } - .bau-alert-warning { + .bau-alert-warning, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--bau-warning); } - .bau-alert-danger { + .bau-alert-danger, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--bau-danger); } - .bau-alert-title { + .bau-alert-title, :where([data-ui="bauhaus"]) .ui-alert-title { margin: 0; font-weight: 900; } - .bau-alert-body { + .bau-alert-body, :where([data-ui="bauhaus"]) .ui-alert-body { color: var(--bau-text-muted); margin: 0; line-height: 1.55; } - .bau-table-wrap { + .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-table-wrap { overflow: auto; } - .bau-table { + .bau-table, :where([data-ui="bauhaus"]) .ui-table { border-collapse: collapse; width: 100%; } - .bau-table th, .bau-table td { + .bau-table th, .bau-table td, :where([data-ui="bauhaus"]) .ui-table th, :where([data-ui="bauhaus"]) .ui-table td { text-align: left; border-bottom: 2px solid var(--bau-border); padding: .95rem 1rem; } - .bau-table th { + .bau-table th, :where([data-ui="bauhaus"]) .ui-table th { color: var(--bau-text); text-transform: uppercase; letter-spacing: .08em; @@ -5449,11 +5449,11 @@ font-weight: 900; } - .bau-table td { + .bau-table td, :where([data-ui="bauhaus"]) .ui-table td { color: var(--bau-text-muted); } - .bau-table tr:hover td { + .bau-table tr:hover td, :where([data-ui="bauhaus"]) .ui-table tr:hover td { background: rgb(var(--bau-primary-rgb)/.045); } @@ -5830,7 +5830,7 @@ background-size: var(--tactile-theme-bg-size); } - .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button { + .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-badge, :where([data-ui="tactile"]) .ui-nav-link { font-family: var(--tactile-font-heading); } @@ -5876,7 +5876,7 @@ height: 1px; } - .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card { + .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface); color: var(--tactile-text); border: 1px solid var(--tactile-border); @@ -5890,7 +5890,7 @@ padding: var(--tactile-space-6); } - .tactile-toolbar { + .tactile-toolbar, :where([data-ui="tactile"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--tactile-space-4); @@ -6007,11 +6007,11 @@ background: var(--tactile-card-bg); } - .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { + .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { background: var(--tactile-control-bg); } - .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { + .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button, :where([data-ui="tactile"]) .ui-badge, :where([data-ui="tactile"]) .ui-nav-link { font-family: var(--tactile-font-control); } @@ -6165,7 +6165,7 @@ left: calc(100% - 1.56rem); } - .tactile-badge { + .tactile-badge, :where([data-ui="tactile"]) .ui-badge { align-items: center; gap: var(--tactile-space-1); background: var(--tactile-surface-soft); @@ -6180,37 +6180,37 @@ display: inline-flex; } - .tactile-badge-primary { + .tactile-badge-primary, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--tactile-primary); color: var(--tactile-on-primary); border-color: var(--tactile-primary); } - .tactile-badge-secondary { + .tactile-badge-secondary, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--tactile-secondary); color: var(--tactile-on-secondary); border-color: var(--tactile-secondary); } - .tactile-badge-success { + .tactile-badge-success, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--tactile-success); color: var(--tactile-on-success); border-color: var(--tactile-success); } - .tactile-badge-warning { + .tactile-badge-warning, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--tactile-warning); color: var(--tactile-on-warning); border-color: var(--tactile-warning); } - .tactile-badge-danger { + .tactile-badge-danger, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--tactile-danger); color: var(--tactile-on-danger); border-color: var(--tactile-danger); } - .tactile-nav { + .tactile-nav, :where([data-ui="tactile"]) .ui-nav { align-items: center; gap: var(--tactile-space-2); padding: var(--tactile-space-2); @@ -6222,7 +6222,7 @@ display: flex; } - .tactile-nav-link { + .tactile-nav-link, :where([data-ui="tactile"]) .ui-nav-link { min-height: 2.5rem; color: var(--tactile-text-muted); border-radius: var(--tactile-radius-pill); @@ -6235,12 +6235,12 @@ display: inline-flex; } - .tactile-nav-link:hover { + .tactile-nav-link:hover, :where([data-ui="tactile"]) .ui-nav-link:hover { color: var(--tactile-text); background: var(--tactile-surface-soft); } - .tactile-nav-link[aria-current="page"], .tactile-nav-link.is-active { + .tactile-nav-link[aria-current="page"], .tactile-nav-link.is-active, :where([data-ui="tactile"]) .ui-nav-link[aria-current="page"], :where([data-ui="tactile"]) .ui-nav-link.is-active { color: var(--tactile-on-primary); background: var(--tactile-primary); } @@ -6271,7 +6271,7 @@ transform: rotate(45deg); } - .tactile-progress { + .tactile-progress, :where([data-ui="tactile"]) .ui-progress { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); border-radius: var(--tactile-radius-pill); @@ -6280,14 +6280,14 @@ overflow: hidden; } - .tactile-progress-bar { + .tactile-progress-bar, :where([data-ui="tactile"]) .ui-progress-bar { height: 100%; width: var(--tactile-progress-value, 50%); background: linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent)); border-radius: inherit; } - .tactile-alert { + .tactile-alert, :where([data-ui="tactile"]) .ui-alert { gap: var(--tactile-space-2); padding: var(--tactile-space-4); background: var(--tactile-surface); @@ -6298,45 +6298,45 @@ display: grid; } - .tactile-alert-success { + .tactile-alert-success, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--tactile-success); } - .tactile-alert-warning { + .tactile-alert-warning, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--tactile-warning); } - .tactile-alert-danger { + .tactile-alert-danger, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--tactile-danger); } - .tactile-alert-title { + .tactile-alert-title, :where([data-ui="tactile"]) .ui-alert-title { margin: 0; font-weight: 900; } - .tactile-alert-body { + .tactile-alert-body, :where([data-ui="tactile"]) .ui-alert-body { color: var(--tactile-text-muted); margin: 0; line-height: 1.55; } - .tactile-table-wrap { + .tactile-table-wrap, :where([data-ui="tactile"]) .ui-table-wrap { overflow: auto; } - .tactile-table { + .tactile-table, :where([data-ui="tactile"]) .ui-table { border-collapse: collapse; width: 100%; } - .tactile-table th, .tactile-table td { + .tactile-table th, .tactile-table td, :where([data-ui="tactile"]) .ui-table th, :where([data-ui="tactile"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--tactile-border); padding: .95rem 1rem; } - .tactile-table th { + .tactile-table th, :where([data-ui="tactile"]) .ui-table th { color: var(--tactile-text); text-transform: uppercase; letter-spacing: .08em; @@ -6345,11 +6345,11 @@ font-weight: 900; } - .tactile-table td { + .tactile-table td, :where([data-ui="tactile"]) .ui-table td { color: var(--tactile-text-muted); } - .tactile-table tr:hover td { + .tactile-table tr:hover td, :where([data-ui="tactile"]) .ui-table tr:hover td { background: rgb(var(--tactile-primary-rgb)/.045); } @@ -6713,7 +6713,7 @@ background-size: var(--neo-theme-bg-size); } - .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button { + .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav-link { font-family: var(--neo-font-heading); } @@ -6759,7 +6759,7 @@ height: 1px; } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface); color: var(--neo-text); border: 1px solid var(--neo-border); @@ -6773,7 +6773,7 @@ padding: var(--neo-space-6); } - .neo-toolbar { + .neo-toolbar, :where([data-ui="neumorphism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--neo-space-4); @@ -6890,11 +6890,11 @@ background: var(--neo-card-bg); } - .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { background: var(--neo-control-bg); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav-link { font-family: var(--neo-font-control); } @@ -7048,7 +7048,7 @@ left: calc(100% - 1.56rem); } - .neo-badge { + .neo-badge, :where([data-ui="neumorphism"]) .ui-badge { align-items: center; gap: var(--neo-space-1); background: var(--neo-surface-soft); @@ -7063,37 +7063,37 @@ display: inline-flex; } - .neo-badge-primary { + .neo-badge-primary, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--neo-primary); color: var(--neo-on-primary); border-color: var(--neo-primary); } - .neo-badge-secondary { + .neo-badge-secondary, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--neo-secondary); color: var(--neo-on-secondary); border-color: var(--neo-secondary); } - .neo-badge-success { + .neo-badge-success, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--neo-success); color: var(--neo-on-success); border-color: var(--neo-success); } - .neo-badge-warning { + .neo-badge-warning, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--neo-warning); color: var(--neo-on-warning); border-color: var(--neo-warning); } - .neo-badge-danger { + .neo-badge-danger, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--neo-danger); color: var(--neo-on-danger); border-color: var(--neo-danger); } - .neo-nav { + .neo-nav, :where([data-ui="neumorphism"]) .ui-nav { align-items: center; gap: var(--neo-space-2); padding: var(--neo-space-2); @@ -7105,7 +7105,7 @@ display: flex; } - .neo-nav-link { + .neo-nav-link, :where([data-ui="neumorphism"]) .ui-nav-link { min-height: 2.5rem; color: var(--neo-text-muted); border-radius: var(--neo-radius-pill); @@ -7118,12 +7118,12 @@ display: inline-flex; } - .neo-nav-link:hover { + .neo-nav-link:hover, :where([data-ui="neumorphism"]) .ui-nav-link:hover { color: var(--neo-text); background: var(--neo-surface-soft); } - .neo-nav-link[aria-current="page"], .neo-nav-link.is-active { + .neo-nav-link[aria-current="page"], .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-nav-link[aria-current="page"], :where([data-ui="neumorphism"]) .ui-nav-link.is-active { color: var(--neo-on-primary); background: var(--neo-primary); } @@ -7153,7 +7153,7 @@ box-shadow: inset .12rem .12rem .24rem #0000001f; } - .neo-progress { + .neo-progress, :where([data-ui="neumorphism"]) .ui-progress { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); border-radius: var(--neo-radius-pill); @@ -7162,14 +7162,14 @@ overflow: hidden; } - .neo-progress-bar { + .neo-progress-bar, :where([data-ui="neumorphism"]) .ui-progress-bar { height: 100%; width: var(--neo-progress-value, 50%); background: linear-gradient(90deg,var(--neo-primary),var(--neo-accent)); border-radius: inherit; } - .neo-alert { + .neo-alert, :where([data-ui="neumorphism"]) .ui-alert { gap: var(--neo-space-2); padding: var(--neo-space-4); background: var(--neo-surface); @@ -7180,45 +7180,45 @@ display: grid; } - .neo-alert-success { + .neo-alert-success, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--neo-success); } - .neo-alert-warning { + .neo-alert-warning, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--neo-warning); } - .neo-alert-danger { + .neo-alert-danger, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--neo-danger); } - .neo-alert-title { + .neo-alert-title, :where([data-ui="neumorphism"]) .ui-alert-title { margin: 0; font-weight: 900; } - .neo-alert-body { + .neo-alert-body, :where([data-ui="neumorphism"]) .ui-alert-body { color: var(--neo-text-muted); margin: 0; line-height: 1.55; } - .neo-table-wrap { + .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-table-wrap { overflow: auto; } - .neo-table { + .neo-table, :where([data-ui="neumorphism"]) .ui-table { border-collapse: collapse; width: 100%; } - .neo-table th, .neo-table td { + .neo-table th, .neo-table td, :where([data-ui="neumorphism"]) .ui-table th, :where([data-ui="neumorphism"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--neo-border); padding: .95rem 1rem; } - .neo-table th { + .neo-table th, :where([data-ui="neumorphism"]) .ui-table th { color: var(--neo-text); text-transform: uppercase; letter-spacing: .08em; @@ -7227,11 +7227,11 @@ font-weight: 900; } - .neo-table td { + .neo-table td, :where([data-ui="neumorphism"]) .ui-table td { color: var(--neo-text-muted); } - .neo-table tr:hover td { + .neo-table tr:hover td, :where([data-ui="neumorphism"]) .ui-table tr:hover td { background: rgb(var(--neo-primary-rgb)/.045); } @@ -7337,7 +7337,7 @@ background: var(--neo-bg); } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap { border-color: rgb(var(--neo-border-rgb)/.14); box-shadow: 10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light); } @@ -7346,15 +7346,15 @@ box-shadow: 16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light); } - .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { + .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select, :where([data-ui="neumorphism"]) .ui-progress { box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav { box-shadow: 5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light); } - .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active, :where([data-ui="neumorphism"]) .ui-nav-link.is-active { box-shadow: inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light); } @@ -7615,7 +7615,7 @@ background-size: var(--retro-theme-bg-size); } - .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button { + .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-badge, :where([data-ui="retrofuturism"]) .ui-nav-link { font-family: var(--retro-font-heading); } @@ -7661,7 +7661,7 @@ height: 1px; } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface); color: var(--retro-text); border: 1px solid var(--retro-border); @@ -7675,7 +7675,7 @@ padding: var(--retro-space-6); } - .retro-toolbar { + .retro-toolbar, :where([data-ui="retrofuturism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--retro-space-4); @@ -7792,11 +7792,11 @@ background: var(--retro-card-bg); } - .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { + .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { background: var(--retro-control-bg); } - .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { + .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button, :where([data-ui="retrofuturism"]) .ui-badge, :where([data-ui="retrofuturism"]) .ui-nav-link { font-family: var(--retro-font-control); } @@ -7950,7 +7950,7 @@ left: calc(100% - 1.56rem); } - .retro-badge { + .retro-badge, :where([data-ui="retrofuturism"]) .ui-badge { align-items: center; gap: var(--retro-space-1); background: var(--retro-surface-soft); @@ -7965,37 +7965,37 @@ display: inline-flex; } - .retro-badge-primary { + .retro-badge-primary, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--retro-primary); color: var(--retro-on-primary); border-color: var(--retro-primary); } - .retro-badge-secondary { + .retro-badge-secondary, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--retro-secondary); color: var(--retro-on-secondary); border-color: var(--retro-secondary); } - .retro-badge-success { + .retro-badge-success, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--retro-success); color: var(--retro-on-success); border-color: var(--retro-success); } - .retro-badge-warning { + .retro-badge-warning, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--retro-warning); color: var(--retro-on-warning); border-color: var(--retro-warning); } - .retro-badge-danger { + .retro-badge-danger, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--retro-danger); color: var(--retro-on-danger); border-color: var(--retro-danger); } - .retro-nav { + .retro-nav, :where([data-ui="retrofuturism"]) .ui-nav { align-items: center; gap: var(--retro-space-2); padding: var(--retro-space-2); @@ -8007,7 +8007,7 @@ display: flex; } - .retro-nav-link { + .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-nav-link { min-height: 2.5rem; color: var(--retro-text-muted); border-radius: var(--retro-radius-pill); @@ -8020,12 +8020,12 @@ display: inline-flex; } - .retro-nav-link:hover { + .retro-nav-link:hover, :where([data-ui="retrofuturism"]) .ui-nav-link:hover { color: var(--retro-text); background: var(--retro-surface-soft); } - .retro-nav-link[aria-current="page"], .retro-nav-link.is-active { + .retro-nav-link[aria-current="page"], .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-nav-link[aria-current="page"], :where([data-ui="retrofuturism"]) .ui-nav-link.is-active { color: var(--retro-on-primary); background: var(--retro-primary); } @@ -8057,7 +8057,7 @@ flex: none; } - .retro-progress { + .retro-progress, :where([data-ui="retrofuturism"]) .ui-progress { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); border-radius: var(--retro-radius-pill); @@ -8066,14 +8066,14 @@ overflow: hidden; } - .retro-progress-bar { + .retro-progress-bar, :where([data-ui="retrofuturism"]) .ui-progress-bar { height: 100%; width: var(--retro-progress-value, 50%); background: linear-gradient(90deg,var(--retro-primary),var(--retro-accent)); border-radius: inherit; } - .retro-alert { + .retro-alert, :where([data-ui="retrofuturism"]) .ui-alert { gap: var(--retro-space-2); padding: var(--retro-space-4); background: var(--retro-surface); @@ -8084,45 +8084,45 @@ display: grid; } - .retro-alert-success { + .retro-alert-success, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--retro-success); } - .retro-alert-warning { + .retro-alert-warning, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--retro-warning); } - .retro-alert-danger { + .retro-alert-danger, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--retro-danger); } - .retro-alert-title { + .retro-alert-title, :where([data-ui="retrofuturism"]) .ui-alert-title { margin: 0; font-weight: 900; } - .retro-alert-body { + .retro-alert-body, :where([data-ui="retrofuturism"]) .ui-alert-body { color: var(--retro-text-muted); margin: 0; line-height: 1.55; } - .retro-table-wrap { + .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-table-wrap { overflow: auto; } - .retro-table { + .retro-table, :where([data-ui="retrofuturism"]) .ui-table { border-collapse: collapse; width: 100%; } - .retro-table th, .retro-table td { + .retro-table th, .retro-table td, :where([data-ui="retrofuturism"]) .ui-table th, :where([data-ui="retrofuturism"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--retro-border); padding: .95rem 1rem; } - .retro-table th { + .retro-table th, :where([data-ui="retrofuturism"]) .ui-table th { color: var(--retro-text); text-transform: uppercase; letter-spacing: .08em; @@ -8131,11 +8131,11 @@ font-weight: 900; } - .retro-table td { + .retro-table td, :where([data-ui="retrofuturism"]) .ui-table td { color: var(--retro-text-muted); } - .retro-table tr:hover td { + .retro-table tr:hover td, :where([data-ui="retrofuturism"]) .ui-table tr:hover td { background: rgb(var(--retro-primary-rgb)/.045); } @@ -8238,12 +8238,12 @@ text-shadow: 0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16); } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface); box-shadow: 0 18px 48px rgb(0 0 0 / var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14); } - .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { + .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-nav-link.is-active { box-shadow: 0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22); } @@ -8572,7 +8572,7 @@ } } - .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button { + .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-badge, :where([data-ui="brutalism"]) .ui-nav-link { font-family: var(--brutal-font-heading); text-transform: uppercase; } @@ -8611,7 +8611,7 @@ color: var(--brutal-text-muted); } - .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card { + .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap { background: var(--brutal-surface-strong); color: var(--brutal-text); border: 3px solid var(--brutal-border); @@ -8624,7 +8624,7 @@ padding: var(--brutal-space-6); } - .brutal-toolbar { + .brutal-toolbar, :where([data-ui="brutalism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--brutal-space-4); @@ -8727,11 +8727,11 @@ background: var(--brutal-card-bg); } - .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { + .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { background: var(--brutal-control-bg); } - .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { + .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button, :where([data-ui="brutalism"]) .ui-badge, :where([data-ui="brutalism"]) .ui-nav-link { font-family: var(--brutal-font-control); } @@ -8775,7 +8775,7 @@ font-size: .9rem; } - .brutal-badge { + .brutal-badge, :where([data-ui="brutalism"]) .ui-badge { background: var(--brutal-surface-strong); min-height: 1.8rem; color: var(--brutal-text); @@ -8788,32 +8788,32 @@ display: inline-flex; } - .brutal-badge-primary { + .brutal-badge-primary, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--brutal-primary); color: var(--brutal-on-primary); } - .brutal-badge-secondary { + .brutal-badge-secondary, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--brutal-secondary); color: var(--brutal-on-secondary); } - .brutal-badge-success { + .brutal-badge-success, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--brutal-success); color: var(--brutal-on-success); } - .brutal-badge-warning { + .brutal-badge-warning, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--brutal-warning); color: var(--brutal-on-warning); } - .brutal-badge-danger { + .brutal-badge-danger, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--brutal-danger); color: var(--brutal-on-danger); } - .brutal-nav { + .brutal-nav, :where([data-ui="brutalism"]) .ui-nav { gap: var(--brutal-space-2); padding: var(--brutal-space-2); background: var(--brutal-surface-strong); @@ -8823,7 +8823,7 @@ display: flex; } - .brutal-nav-link { + .brutal-nav-link, :where([data-ui="brutalism"]) .ui-nav-link { min-height: 2.5rem; color: var(--brutal-text); border: 3px solid #0000; @@ -8834,12 +8834,12 @@ display: inline-flex; } - .brutal-nav-link:hover { + .brutal-nav-link:hover, :where([data-ui="brutalism"]) .ui-nav-link:hover { border-color: var(--brutal-border); background: var(--brutal-surface-soft); } - .brutal-nav-link.is-active, .brutal-nav-link[aria-current="page"] { + .brutal-nav-link.is-active, .brutal-nav-link[aria-current="page"], :where([data-ui="brutalism"]) .ui-nav-link.is-active, :where([data-ui="brutalism"]) .ui-nav-link[aria-current="page"] { background: var(--brutal-primary); color: var(--brutal-on-primary); border-color: var(--brutal-border); @@ -8872,66 +8872,66 @@ transform: rotate(45deg); } - .brutal-progress { + .brutal-progress, :where([data-ui="brutalism"]) .ui-progress { background: var(--brutal-surface-soft); border: 3px solid var(--brutal-border); width: 100%; height: 1rem; } - .brutal-progress-bar { + .brutal-progress-bar, :where([data-ui="brutalism"]) .ui-progress-bar { height: 100%; width: var(--brutal-progress-value, 50%); background: var(--brutal-primary); } - .brutal-alert { + .brutal-alert, :where([data-ui="brutalism"]) .ui-alert { padding: var(--brutal-space-4); background: var(--brutal-surface-strong); border: 3px solid var(--brutal-border); box-shadow: 8px 8px 0 var(--brutal-accent); } - .brutal-alert-success { + .brutal-alert-success, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="success"]) { box-shadow: 8px 8px 0 var(--brutal-success); } - .brutal-alert-warning { + .brutal-alert-warning, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="warning"]) { box-shadow: 8px 8px 0 var(--brutal-warning); } - .brutal-alert-danger { + .brutal-alert-danger, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="danger"]) { box-shadow: 8px 8px 0 var(--brutal-danger); } - .brutal-alert-title { + .brutal-alert-title, :where([data-ui="brutalism"]) .ui-alert-title { text-transform: uppercase; margin: 0; font-weight: 900; } - .brutal-alert-body { + .brutal-alert-body, :where([data-ui="brutalism"]) .ui-alert-body { color: var(--brutal-text-muted); margin: .5rem 0 0; } - .brutal-table-wrap { + .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-table-wrap { box-shadow: 8px 8px 0 var(--brutal-primary); overflow: auto; } - .brutal-table { + .brutal-table, :where([data-ui="brutalism"]) .ui-table { border-collapse: collapse; width: 100%; } - .brutal-table th, .brutal-table td { + .brutal-table th, .brutal-table td, :where([data-ui="brutalism"]) .ui-table th, :where([data-ui="brutalism"]) .ui-table td { border: 2px solid var(--brutal-border); text-align: left; padding: .9rem 1rem; } - .brutal-table th { + .brutal-table th, :where([data-ui="brutalism"]) .ui-table th { background: var(--brutal-primary); color: var(--brutal-on-primary); text-transform: uppercase; @@ -9205,7 +9205,7 @@ color: var(--cyber-on-primary); } - .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button { + .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link { font-family: var(--cyber-font-heading); text-transform: uppercase; } @@ -9243,7 +9243,7 @@ color: var(--cyber-text-muted); } - .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card { + .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap { background: linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface); color: var(--cyber-text); border: 1px solid var(--cyber-border); @@ -9255,7 +9255,7 @@ overflow: hidden; } - .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before { + .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before, :where([data-ui="cyberpunk"]) .ui-toolbar:before { content: ""; pointer-events: none; border-top: 2px solid rgb(var(--cyber-primary-rgb)/.5); @@ -9272,7 +9272,7 @@ background: linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong); } - .cyber-toolbar { + .cyber-toolbar, :where([data-ui="cyberpunk"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--cyber-space-4); @@ -9402,7 +9402,7 @@ font-size: .9rem; } - .cyber-badge { + .cyber-badge, :where([data-ui="cyberpunk"]) .ui-badge { background: var(--cyber-surface); min-height: 1.8rem; color: var(--cyber-text); @@ -9417,32 +9417,32 @@ display: inline-flex; } - .cyber-badge-primary { + .cyber-badge-primary, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--cyber-primary); color: var(--cyber-on-primary); } - .cyber-badge-secondary { + .cyber-badge-secondary, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--cyber-secondary); color: var(--cyber-on-secondary); } - .cyber-badge-success { + .cyber-badge-success, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--cyber-success); color: var(--cyber-on-success); } - .cyber-badge-warning { + .cyber-badge-warning, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--cyber-warning); color: var(--cyber-on-warning); } - .cyber-badge-danger { + .cyber-badge-danger, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--cyber-danger); color: var(--cyber-on-danger); } - .cyber-nav { + .cyber-nav, :where([data-ui="cyberpunk"]) .ui-nav { gap: var(--cyber-space-2); padding: var(--cyber-space-2); background: var(--cyber-surface); @@ -9453,7 +9453,7 @@ display: flex; } - .cyber-nav-link { + .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-nav-link { min-height: 2.5rem; color: var(--cyber-text-muted); border-radius: var(--cyber-radius-xs); @@ -9466,12 +9466,12 @@ display: inline-flex; } - .cyber-nav-link:hover { + .cyber-nav-link:hover, :where([data-ui="cyberpunk"]) .ui-nav-link:hover { color: var(--cyber-text); border-color: rgb(var(--cyber-primary-rgb)/.48); } - .cyber-nav-link.is-active, .cyber-nav-link[aria-current="page"] { + .cyber-nav-link.is-active, .cyber-nav-link[aria-current="page"], :where([data-ui="cyberpunk"]) .ui-nav-link.is-active, :where([data-ui="cyberpunk"]) .ui-nav-link[aria-current="page"] { background: var(--cyber-primary); color: var(--cyber-on-primary); border-color: var(--cyber-primary); @@ -9506,7 +9506,7 @@ flex: none; } - .cyber-progress { + .cyber-progress, :where([data-ui="cyberpunk"]) .ui-progress { background: var(--cyber-surface-soft); border: 1px solid var(--cyber-border); width: 100%; @@ -9514,14 +9514,14 @@ box-shadow: inset 0 0 18px #0000002e; } - .cyber-progress-bar { + .cyber-progress-bar, :where([data-ui="cyberpunk"]) .ui-progress-bar { height: 100%; width: var(--cyber-progress-value, 50%); background: linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent)); box-shadow: 0 0 18px var(--cyber-glow-primary); } - .cyber-alert { + .cyber-alert, :where([data-ui="cyberpunk"]) .ui-alert { padding: var(--cyber-space-4); background: var(--cyber-surface); border: 1px solid var(--cyber-border); @@ -9529,56 +9529,56 @@ box-shadow: var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary); } - .cyber-alert-success { + .cyber-alert-success, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--cyber-success); } - .cyber-alert-warning { + .cyber-alert-warning, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--cyber-warning); } - .cyber-alert-danger { + .cyber-alert-danger, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--cyber-danger); } - .cyber-alert-title { + .cyber-alert-title, :where([data-ui="cyberpunk"]) .ui-alert-title { font-family: var(--cyber-font-heading); text-transform: uppercase; margin: 0; } - .cyber-alert-body { + .cyber-alert-body, :where([data-ui="cyberpunk"]) .ui-alert-body { color: var(--cyber-text-muted); margin: .5rem 0 0; } - .cyber-table-wrap { + .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-table-wrap { overflow: auto; } - .cyber-table { + .cyber-table, :where([data-ui="cyberpunk"]) .ui-table { border-collapse: collapse; width: 100%; } - .cyber-table th, .cyber-table td { + .cyber-table th, .cyber-table td, :where([data-ui="cyberpunk"]) .ui-table th, :where([data-ui="cyberpunk"]) .ui-table td { border-bottom: 1px solid rgb(var(--cyber-border-rgb)/.38); text-align: left; padding: .9rem 1rem; } - .cyber-table th { + .cyber-table th, :where([data-ui="cyberpunk"]) .ui-table th { background: rgb(var(--cyber-primary-rgb)/.12); font-family: var(--cyber-font-heading); text-transform: uppercase; letter-spacing: .1em; } - .cyber-table td { + .cyber-table td, :where([data-ui="cyberpunk"]) .ui-table td { color: var(--cyber-text-muted); } - .cyber-table tr:hover td { + .cyber-table tr:hover td, :where([data-ui="cyberpunk"]) .ui-table tr:hover td { background: rgb(var(--cyber-primary-rgb)/.06); } @@ -9611,7 +9611,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible, :where([data-ui="cyberpunk"]) .ui-nav-link:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -9626,11 +9626,11 @@ background: var(--cyber-card-bg); } - .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { + .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { background: var(--cyber-control-bg); } - .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { + .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link { font-family: var(--cyber-font-control); } @@ -9911,7 +9911,7 @@ color: var(--y2k-on-primary); } - .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button { + .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link { font-family: var(--y2k-font-heading); } @@ -9949,7 +9949,7 @@ color: var(--y2k-text-muted); } - .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card { + .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap { background: linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface); color: var(--y2k-text); border: 1px solid #ffffff61; @@ -9974,7 +9974,7 @@ padding: var(--y2k-space-6); } - .y2k-toolbar { + .y2k-toolbar, :where([data-ui="y2k"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--y2k-space-4); @@ -10099,7 +10099,7 @@ font-size: .9rem; } - .y2k-badge { + .y2k-badge, :where([data-ui="y2k"]) .ui-badge { background: linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong); min-height: 1.8rem; color: var(--y2k-text); @@ -10113,32 +10113,32 @@ display: inline-flex; } - .y2k-badge-primary { + .y2k-badge-primary, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--y2k-primary); color: var(--y2k-on-primary); } - .y2k-badge-secondary { + .y2k-badge-secondary, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--y2k-secondary); color: var(--y2k-on-secondary); } - .y2k-badge-success { + .y2k-badge-success, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--y2k-success); color: var(--y2k-on-success); } - .y2k-badge-warning { + .y2k-badge-warning, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--y2k-warning); color: var(--y2k-on-warning); } - .y2k-badge-danger { + .y2k-badge-danger, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--y2k-danger); color: var(--y2k-on-danger); } - .y2k-nav { + .y2k-nav, :where([data-ui="y2k"]) .ui-nav { gap: var(--y2k-space-2); padding: var(--y2k-space-2); background: linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface); @@ -10149,7 +10149,7 @@ display: flex; } - .y2k-nav-link { + .y2k-nav-link, :where([data-ui="y2k"]) .ui-nav-link { min-height: 2.5rem; color: var(--y2k-text-muted); border-radius: var(--y2k-radius-pill); @@ -10160,12 +10160,12 @@ display: inline-flex; } - .y2k-nav-link:hover { + .y2k-nav-link:hover, :where([data-ui="y2k"]) .ui-nav-link:hover { color: var(--y2k-text); background: #ffffff29; } - .y2k-nav-link.is-active, .y2k-nav-link[aria-current="page"] { + .y2k-nav-link.is-active, .y2k-nav-link[aria-current="page"], :where([data-ui="y2k"]) .ui-nav-link.is-active, :where([data-ui="y2k"]) .ui-nav-link[aria-current="page"] { background: var(--y2k-primary); color: var(--y2k-on-primary); box-shadow: 0 0 20px var(--y2k-glow-primary); @@ -10196,7 +10196,7 @@ flex: none; } - .y2k-progress { + .y2k-progress, :where([data-ui="y2k"]) .ui-progress { background: var(--y2k-surface-soft); border-radius: var(--y2k-radius-pill); width: 100%; @@ -10205,14 +10205,14 @@ box-shadow: inset 0 6px 14px #0000001f; } - .y2k-progress-bar { + .y2k-progress-bar, :where([data-ui="y2k"]) .ui-progress-bar { height: 100%; width: var(--y2k-progress-value, 50%); background: linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary)); border-radius: inherit; } - .y2k-alert { + .y2k-alert, :where([data-ui="y2k"]) .ui-alert { padding: var(--y2k-space-4); background: var(--y2k-surface); border-radius: var(--y2k-radius-xl); @@ -10220,49 +10220,49 @@ border: 1px solid #ffffff61; } - .y2k-alert-title { + .y2k-alert-title, :where([data-ui="y2k"]) .ui-alert-title { margin: 0; font-weight: 900; } - .y2k-alert-body { + .y2k-alert-body, :where([data-ui="y2k"]) .ui-alert-body { color: var(--y2k-text-muted); margin: .5rem 0 0; } - .y2k-alert-success { + .y2k-alert-success, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="success"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2); } - .y2k-alert-warning { + .y2k-alert-warning, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="warning"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2); } - .y2k-alert-danger { + .y2k-alert-danger, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="danger"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2); } - .y2k-table-wrap { + .y2k-table-wrap, :where([data-ui="y2k"]) .ui-table-wrap { overflow: auto; } - .y2k-table { + .y2k-table, :where([data-ui="y2k"]) .ui-table { border-collapse: collapse; width: 100%; } - .y2k-table th, .y2k-table td { + .y2k-table th, .y2k-table td, :where([data-ui="y2k"]) .ui-table th, :where([data-ui="y2k"]) .ui-table td { border-bottom: 1px solid rgb(var(--y2k-border-rgb)/.34); text-align: left; padding: .9rem 1rem; } - .y2k-table th { + .y2k-table th, :where([data-ui="y2k"]) .ui-table th { background: #ffffff29; font-weight: 900; } - .y2k-table td { + .y2k-table td, :where([data-ui="y2k"]) .ui-table td { color: var(--y2k-text-muted); } @@ -10306,11 +10306,11 @@ background: var(--y2k-card-bg); } - .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { + .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { background: var(--y2k-control-bg); } - .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { + .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link { font-family: var(--y2k-font-control); } @@ -10590,7 +10590,7 @@ color: var(--rg-on-primary); } - .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button { + .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-badge, :where([data-ui="retro-glass"]) .ui-nav-link { font-family: var(--rg-font-heading); text-transform: uppercase; } @@ -10627,7 +10627,7 @@ color: var(--rg-text-muted); } - .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card { + .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap { background: linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface); color: var(--rg-text); border: 1px solid var(--rg-border); @@ -10658,7 +10658,7 @@ box-shadow: var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary); } - .rg-toolbar { + .rg-toolbar, :where([data-ui="retro-glass"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--rg-space-4); @@ -10793,7 +10793,7 @@ font-size: .9rem; } - .rg-badge { + .rg-badge, :where([data-ui="retro-glass"]) .ui-badge { background: linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface); min-height: 1.8rem; color: var(--rg-text); @@ -10809,32 +10809,32 @@ display: inline-flex; } - .rg-badge-primary { + .rg-badge-primary, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--rg-primary); color: var(--rg-on-primary); } - .rg-badge-secondary { + .rg-badge-secondary, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--rg-secondary); color: var(--rg-on-secondary); } - .rg-badge-success { + .rg-badge-success, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--rg-success); color: var(--rg-on-success); } - .rg-badge-warning { + .rg-badge-warning, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--rg-warning); color: var(--rg-on-warning); } - .rg-badge-danger { + .rg-badge-danger, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--rg-danger); color: var(--rg-on-danger); } - .rg-nav { + .rg-nav, :where([data-ui="retro-glass"]) .ui-nav { gap: var(--rg-space-2); padding: var(--rg-space-2); background: linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface); @@ -10846,7 +10846,7 @@ display: flex; } - .rg-nav-link { + .rg-nav-link, :where([data-ui="retro-glass"]) .ui-nav-link { min-height: 2.5rem; color: var(--rg-text-muted); border-radius: var(--rg-radius-pill); @@ -10859,13 +10859,13 @@ display: inline-flex; } - .rg-nav-link:hover { + .rg-nav-link:hover, :where([data-ui="retro-glass"]) .ui-nav-link:hover { color: var(--rg-text); border-color: rgb(var(--rg-primary-rgb)/.36); background: #ffffff1a; } - .rg-nav-link.is-active, .rg-nav-link[aria-current="page"] { + .rg-nav-link.is-active, .rg-nav-link[aria-current="page"], :where([data-ui="retro-glass"]) .ui-nav-link.is-active, :where([data-ui="retro-glass"]) .ui-nav-link[aria-current="page"] { background: var(--rg-primary); color: var(--rg-on-primary); box-shadow: 0 0 22px var(--rg-glow-primary); @@ -10899,7 +10899,7 @@ transform: rotate(45deg); } - .rg-progress { + .rg-progress, :where([data-ui="retro-glass"]) .ui-progress { background: var(--rg-surface-soft); border: 1px solid rgb(var(--rg-border-rgb)/.4); border-radius: var(--rg-radius-pill); @@ -10909,7 +10909,7 @@ box-shadow: inset 0 8px 18px #00000024; } - .rg-progress-bar { + .rg-progress-bar, :where([data-ui="retro-glass"]) .ui-progress-bar { height: 100%; width: var(--rg-progress-value, 50%); background: linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary)); @@ -10917,7 +10917,7 @@ box-shadow: 0 0 18px var(--rg-glow-primary); } - .rg-alert { + .rg-alert, :where([data-ui="retro-glass"]) .ui-alert { padding: var(--rg-space-4); background: var(--rg-surface); border: 1px solid var(--rg-border); @@ -10926,52 +10926,52 @@ backdrop-filter: blur(16px); } - .rg-alert-title { + .rg-alert-title, :where([data-ui="retro-glass"]) .ui-alert-title { font-family: var(--rg-font-heading); text-transform: uppercase; margin: 0; } - .rg-alert-body { + .rg-alert-body, :where([data-ui="retro-glass"]) .ui-alert-body { color: var(--rg-text-muted); margin: .5rem 0 0; } - .rg-alert-success { + .rg-alert-success, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="success"]) { border-left: 4px solid var(--rg-success); } - .rg-alert-warning { + .rg-alert-warning, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="warning"]) { border-left: 4px solid var(--rg-warning); } - .rg-alert-danger { + .rg-alert-danger, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="danger"]) { border-left: 4px solid var(--rg-danger); } - .rg-table-wrap { + .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-table-wrap { overflow: auto; } - .rg-table { + .rg-table, :where([data-ui="retro-glass"]) .ui-table { border-collapse: collapse; width: 100%; } - .rg-table th, .rg-table td { + .rg-table th, .rg-table td, :where([data-ui="retro-glass"]) .ui-table th, :where([data-ui="retro-glass"]) .ui-table td { border-bottom: 1px solid rgb(var(--rg-border-rgb)/.34); text-align: left; padding: .9rem 1rem; } - .rg-table th { + .rg-table th, :where([data-ui="retro-glass"]) .ui-table th { background: rgb(var(--rg-primary-rgb)/.1); font-family: var(--rg-font-heading); text-transform: uppercase; letter-spacing: .1em; } - .rg-table td { + .rg-table td, :where([data-ui="retro-glass"]) .ui-table td { color: var(--rg-text-muted); } @@ -11023,11 +11023,11 @@ background: var(--rg-card-bg); } - .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { + .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { background: var(--rg-control-bg); } - .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { + .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button, :where([data-ui="retro-glass"]) .ui-badge, :where([data-ui="retro-glass"]) .ui-nav-link { font-family: var(--rg-font-control); } diff --git a/dist/ui-style-kit.visual.min.css b/dist/ui-style-kit.visual.min.css index 9336a19..82e1be6 100644 --- a/dist/ui-style-kit.visual.min.css +++ b/dist/ui-style-kit.visual.min.css @@ -4,4 +4,4 @@ * License: MIT */ @layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout; -@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field,:where([data-ui=minimal-saas]) .ui-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label,:where([data-ui=minimal-saas]) .ui-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select,:where([data-ui=minimal-saas]) .ui-input,:where([data-ui=minimal-saas]) .ui-textarea,:where([data-ui=minimal-saas]) .ui-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea,:where([data-ui=minimal-saas]) .ui-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder,:where([data-ui=minimal-saas]) .ui-input::placeholder,:where([data-ui=minimal-saas]) .ui-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover,:where([data-ui=minimal-saas]) .ui-input:hover,:where([data-ui=minimal-saas]) .ui-textarea:hover,:where([data-ui=minimal-saas]) .ui-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus,:where([data-ui=minimal-saas]) .ui-input:focus,:where([data-ui=minimal-saas]) .ui-textarea:focus,:where([data-ui=minimal-saas]) .ui-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text,:where([data-ui=minimal-saas]) .ui-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio,:where([data-ui=minimal-saas]) .ui-check,:where([data-ui=minimal-saas]) .ui-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input,:where([data-ui=minimal-saas]) .ui-check input,:where([data-ui=minimal-saas]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check-control,:where([data-ui=minimal-saas]) .ui-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control,:where([data-ui=minimal-saas]) .ui-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control,:where([data-ui=minimal-saas]) .ui-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch,:where([data-ui=minimal-saas]) .ui-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input,:where([data-ui=minimal-saas]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field,:where([data-ui=bento]) .ui-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label,:where([data-ui=bento]) .ui-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select,:where([data-ui=bento]) .ui-input,:where([data-ui=bento]) .ui-textarea,:where([data-ui=bento]) .ui-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea,:where([data-ui=bento]) .ui-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder,:where([data-ui=bento]) .ui-input::placeholder,:where([data-ui=bento]) .ui-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover,:where([data-ui=bento]) .ui-input:hover,:where([data-ui=bento]) .ui-textarea:hover,:where([data-ui=bento]) .ui-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus,:where([data-ui=bento]) .ui-input:focus,:where([data-ui=bento]) .ui-textarea:focus,:where([data-ui=bento]) .ui-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text,:where([data-ui=bento]) .ui-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio,:where([data-ui=bento]) .ui-check,:where([data-ui=bento]) .ui-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input,:where([data-ui=bento]) .ui-check input,:where([data-ui=bento]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control,:where([data-ui=bento]) .ui-check-control,:where([data-ui=bento]) .ui-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control,:where([data-ui=bento]) .ui-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control,:where([data-ui=bento]) .ui-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch,:where([data-ui=bento]) .ui-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input,:where([data-ui=bento]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track,:where([data-ui=bento]) .ui-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb,:where([data-ui=bento]) .ui-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field,:where([data-ui=maximalist]) .ui-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label,:where([data-ui=maximalist]) .ui-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select,:where([data-ui=maximalist]) .ui-input,:where([data-ui=maximalist]) .ui-textarea,:where([data-ui=maximalist]) .ui-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea,:where([data-ui=maximalist]) .ui-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder,:where([data-ui=maximalist]) .ui-input::placeholder,:where([data-ui=maximalist]) .ui-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover,:where([data-ui=maximalist]) .ui-input:hover,:where([data-ui=maximalist]) .ui-textarea:hover,:where([data-ui=maximalist]) .ui-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus,:where([data-ui=maximalist]) .ui-input:focus,:where([data-ui=maximalist]) .ui-textarea:focus,:where([data-ui=maximalist]) .ui-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text,:where([data-ui=maximalist]) .ui-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio,:where([data-ui=maximalist]) .ui-check,:where([data-ui=maximalist]) .ui-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input,:where([data-ui=maximalist]) .ui-check input,:where([data-ui=maximalist]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control,:where([data-ui=maximalist]) .ui-check-control,:where([data-ui=maximalist]) .ui-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control,:where([data-ui=maximalist]) .ui-check-control{border-radius:var(--max-radius-xs)}.max-radio-control,:where([data-ui=maximalist]) .ui-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch,:where([data-ui=maximalist]) .ui-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input,:where([data-ui=maximalist]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track,:where([data-ui=maximalist]) .ui-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb,:where([data-ui=maximalist]) .ui-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field,:where([data-ui=bauhaus]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui=bauhaus]) .ui-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select,:where([data-ui=bauhaus]) .ui-input,:where([data-ui=bauhaus]) .ui-textarea,:where([data-ui=bauhaus]) .ui-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea,:where([data-ui=bauhaus]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui=bauhaus]) .ui-input::placeholder,:where([data-ui=bauhaus]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui=bauhaus]) .ui-input:hover,:where([data-ui=bauhaus]) .ui-textarea:hover,:where([data-ui=bauhaus]) .ui-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui=bauhaus]) .ui-input:focus,:where([data-ui=bauhaus]) .ui-textarea:focus,:where([data-ui=bauhaus]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text,:where([data-ui=bauhaus]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui=bauhaus]) .ui-check,:where([data-ui=bauhaus]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui=bauhaus]) .ui-check input,:where([data-ui=bauhaus]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui=bauhaus]) .ui-check-control,:where([data-ui=bauhaus]) .ui-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control,:where([data-ui=bauhaus]) .ui-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control,:where([data-ui=bauhaus]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui=bauhaus]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui=bauhaus]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field,:where([data-ui=tactile]) .ui-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label,:where([data-ui=tactile]) .ui-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select,:where([data-ui=tactile]) .ui-input,:where([data-ui=tactile]) .ui-textarea,:where([data-ui=tactile]) .ui-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea,:where([data-ui=tactile]) .ui-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder,:where([data-ui=tactile]) .ui-input::placeholder,:where([data-ui=tactile]) .ui-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover,:where([data-ui=tactile]) .ui-input:hover,:where([data-ui=tactile]) .ui-textarea:hover,:where([data-ui=tactile]) .ui-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus,:where([data-ui=tactile]) .ui-input:focus,:where([data-ui=tactile]) .ui-textarea:focus,:where([data-ui=tactile]) .ui-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text,:where([data-ui=tactile]) .ui-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio,:where([data-ui=tactile]) .ui-check,:where([data-ui=tactile]) .ui-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input,:where([data-ui=tactile]) .ui-check input,:where([data-ui=tactile]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control,:where([data-ui=tactile]) .ui-check-control,:where([data-ui=tactile]) .ui-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control,:where([data-ui=tactile]) .ui-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control,:where([data-ui=tactile]) .ui-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch,:where([data-ui=tactile]) .ui-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input,:where([data-ui=tactile]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track,:where([data-ui=tactile]) .ui-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field,:where([data-ui=neumorphism]) .ui-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label,:where([data-ui=neumorphism]) .ui-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea,:where([data-ui=neumorphism]) .ui-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder,:where([data-ui=neumorphism]) .ui-input::placeholder,:where([data-ui=neumorphism]) .ui-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover,:where([data-ui=neumorphism]) .ui-input:hover,:where([data-ui=neumorphism]) .ui-textarea:hover,:where([data-ui=neumorphism]) .ui-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus,:where([data-ui=neumorphism]) .ui-input:focus,:where([data-ui=neumorphism]) .ui-textarea:focus,:where([data-ui=neumorphism]) .ui-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text,:where([data-ui=neumorphism]) .ui-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio,:where([data-ui=neumorphism]) .ui-check,:where([data-ui=neumorphism]) .ui-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input,:where([data-ui=neumorphism]) .ui-check input,:where([data-ui=neumorphism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control,:where([data-ui=neumorphism]) .ui-check-control,:where([data-ui=neumorphism]) .ui-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control,:where([data-ui=neumorphism]) .ui-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control,:where([data-ui=neumorphism]) .ui-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch,:where([data-ui=neumorphism]) .ui-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input,:where([data-ui=neumorphism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field,:where([data-ui=retrofuturism]) .ui-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label,:where([data-ui=retrofuturism]) .ui-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select,:where([data-ui=retrofuturism]) .ui-input,:where([data-ui=retrofuturism]) .ui-textarea,:where([data-ui=retrofuturism]) .ui-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea,:where([data-ui=retrofuturism]) .ui-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder,:where([data-ui=retrofuturism]) .ui-input::placeholder,:where([data-ui=retrofuturism]) .ui-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover,:where([data-ui=retrofuturism]) .ui-input:hover,:where([data-ui=retrofuturism]) .ui-textarea:hover,:where([data-ui=retrofuturism]) .ui-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus,:where([data-ui=retrofuturism]) .ui-input:focus,:where([data-ui=retrofuturism]) .ui-textarea:focus,:where([data-ui=retrofuturism]) .ui-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text,:where([data-ui=retrofuturism]) .ui-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio,:where([data-ui=retrofuturism]) .ui-check,:where([data-ui=retrofuturism]) .ui-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input,:where([data-ui=retrofuturism]) .ui-check input,:where([data-ui=retrofuturism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check-control,:where([data-ui=retrofuturism]) .ui-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control,:where([data-ui=retrofuturism]) .ui-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control,:where([data-ui=retrofuturism]) .ui-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch,:where([data-ui=retrofuturism]) .ui-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input,:where([data-ui=retrofuturism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field,:where([data-ui=brutalism]) .ui-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label,:where([data-ui=brutalism]) .ui-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select,:where([data-ui=brutalism]) .ui-input,:where([data-ui=brutalism]) .ui-textarea,:where([data-ui=brutalism]) .ui-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea,:where([data-ui=brutalism]) .ui-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus,:where([data-ui=brutalism]) .ui-input:focus,:where([data-ui=brutalism]) .ui-textarea:focus,:where([data-ui=brutalism]) .ui-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text,:where([data-ui=brutalism]) .ui-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field,:where([data-ui=cyberpunk]) .ui-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label,:where([data-ui=cyberpunk]) .ui-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select,:where([data-ui=cyberpunk]) .ui-input,:where([data-ui=cyberpunk]) .ui-textarea,:where([data-ui=cyberpunk]) .ui-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea,:where([data-ui=cyberpunk]) .ui-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus,:where([data-ui=cyberpunk]) .ui-input:focus,:where([data-ui=cyberpunk]) .ui-textarea:focus,:where([data-ui=cyberpunk]) .ui-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text,:where([data-ui=cyberpunk]) .ui-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible,:where([data-ui=cyberpunk]) .ui-input:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field,:where([data-ui=y2k]) .ui-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label,:where([data-ui=y2k]) .ui-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select,:where([data-ui=y2k]) .ui-input,:where([data-ui=y2k]) .ui-textarea,:where([data-ui=y2k]) .ui-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea,:where([data-ui=y2k]) .ui-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus,:where([data-ui=y2k]) .ui-input:focus,:where([data-ui=y2k]) .ui-textarea:focus,:where([data-ui=y2k]) .ui-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text,:where([data-ui=y2k]) .ui-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field,:where([data-ui=retro-glass]) .ui-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label,:where([data-ui=retro-glass]) .ui-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select,:where([data-ui=retro-glass]) .ui-input,:where([data-ui=retro-glass]) .ui-textarea,:where([data-ui=retro-glass]) .ui-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea,:where([data-ui=retro-glass]) .ui-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus,:where([data-ui=retro-glass]) .ui-input:focus,:where([data-ui=retro-glass]) .ui-textarea:focus,:where([data-ui=retro-glass]) .ui-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text,:where([data-ui=retro-glass]) .ui-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout; \ No newline at end of file +@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-badge,:where([data-ui=minimal-saas]) .ui-nav-link{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card,:where([data-ui=minimal-saas]) .ui-toolbar,:where([data-ui=minimal-saas]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar,:where([data-ui=minimal-saas]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-toolbar,:where([data-ui=minimal-saas]) .ui-table-wrap,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button,:where([data-ui=minimal-saas]) .ui-badge,:where([data-ui=minimal-saas]) .ui-nav-link{font-family:var(--saas-font-control)}.saas-field,:where([data-ui=minimal-saas]) .ui-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label,:where([data-ui=minimal-saas]) .ui-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select,:where([data-ui=minimal-saas]) .ui-input,:where([data-ui=minimal-saas]) .ui-textarea,:where([data-ui=minimal-saas]) .ui-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea,:where([data-ui=minimal-saas]) .ui-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder,:where([data-ui=minimal-saas]) .ui-input::placeholder,:where([data-ui=minimal-saas]) .ui-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover,:where([data-ui=minimal-saas]) .ui-input:hover,:where([data-ui=minimal-saas]) .ui-textarea:hover,:where([data-ui=minimal-saas]) .ui-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus,:where([data-ui=minimal-saas]) .ui-input:focus,:where([data-ui=minimal-saas]) .ui-textarea:focus,:where([data-ui=minimal-saas]) .ui-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text,:where([data-ui=minimal-saas]) .ui-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio,:where([data-ui=minimal-saas]) .ui-check,:where([data-ui=minimal-saas]) .ui-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input,:where([data-ui=minimal-saas]) .ui-check input,:where([data-ui=minimal-saas]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check-control,:where([data-ui=minimal-saas]) .ui-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control,:where([data-ui=minimal-saas]) .ui-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control,:where([data-ui=minimal-saas]) .ui-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch,:where([data-ui=minimal-saas]) .ui-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input,:where([data-ui=minimal-saas]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge,:where([data-ui=minimal-saas]) .ui-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=success]){background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=warning]){background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav,:where([data-ui=minimal-saas]) .ui-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link,:where([data-ui=minimal-saas]) .ui-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover,:where([data-ui=minimal-saas]) .ui-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active,:where([data-ui=minimal-saas]) .ui-nav-link[aria-current=page],:where([data-ui=minimal-saas]) .ui-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress,:where([data-ui=minimal-saas]) .ui-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar,:where([data-ui=minimal-saas]) .ui-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert,:where([data-ui=minimal-saas]) .ui-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success,:where([data-ui=minimal-saas]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--saas-success)}.saas-alert-warning,:where([data-ui=minimal-saas]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--saas-warning)}.saas-alert-danger,:where([data-ui=minimal-saas]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--saas-danger)}.saas-alert-title,:where([data-ui=minimal-saas]) .ui-alert-title{margin:0;font-weight:900}.saas-alert-body,:where([data-ui=minimal-saas]) .ui-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-table-wrap{overflow:auto}.saas-table,:where([data-ui=minimal-saas]) .ui-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td,:where([data-ui=minimal-saas]) .ui-table th,:where([data-ui=minimal-saas]) .ui-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th,:where([data-ui=minimal-saas]) .ui-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td,:where([data-ui=minimal-saas]) .ui-table td{color:var(--saas-text-muted)}.saas-table tr:hover td,:where([data-ui=minimal-saas]) .ui-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-badge,:where([data-ui=bento]) .ui-nav-link{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card,:where([data-ui=bento]) .ui-toolbar,:where([data-ui=bento]) .ui-table-wrap{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar,:where([data-ui=bento]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-toolbar,:where([data-ui=bento]) .ui-table-wrap,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button,:where([data-ui=bento]) .ui-badge,:where([data-ui=bento]) .ui-nav-link{font-family:var(--bento-font-control)}.bento-field,:where([data-ui=bento]) .ui-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label,:where([data-ui=bento]) .ui-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select,:where([data-ui=bento]) .ui-input,:where([data-ui=bento]) .ui-textarea,:where([data-ui=bento]) .ui-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea,:where([data-ui=bento]) .ui-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder,:where([data-ui=bento]) .ui-input::placeholder,:where([data-ui=bento]) .ui-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover,:where([data-ui=bento]) .ui-input:hover,:where([data-ui=bento]) .ui-textarea:hover,:where([data-ui=bento]) .ui-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus,:where([data-ui=bento]) .ui-input:focus,:where([data-ui=bento]) .ui-textarea:focus,:where([data-ui=bento]) .ui-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text,:where([data-ui=bento]) .ui-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio,:where([data-ui=bento]) .ui-check,:where([data-ui=bento]) .ui-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input,:where([data-ui=bento]) .ui-check input,:where([data-ui=bento]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control,:where([data-ui=bento]) .ui-check-control,:where([data-ui=bento]) .ui-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control,:where([data-ui=bento]) .ui-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control,:where([data-ui=bento]) .ui-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch,:where([data-ui=bento]) .ui-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input,:where([data-ui=bento]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track,:where([data-ui=bento]) .ui-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb,:where([data-ui=bento]) .ui-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge,:where([data-ui=bento]) .ui-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=success]){background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=warning]){background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav,:where([data-ui=bento]) .ui-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link,:where([data-ui=bento]) .ui-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover,:where([data-ui=bento]) .ui-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active,:where([data-ui=bento]) .ui-nav-link[aria-current=page],:where([data-ui=bento]) .ui-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress,:where([data-ui=bento]) .ui-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar,:where([data-ui=bento]) .ui-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert,:where([data-ui=bento]) .ui-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success,:where([data-ui=bento]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--bento-success)}.bento-alert-warning,:where([data-ui=bento]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--bento-warning)}.bento-alert-danger,:where([data-ui=bento]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--bento-danger)}.bento-alert-title,:where([data-ui=bento]) .ui-alert-title{margin:0;font-weight:900}.bento-alert-body,:where([data-ui=bento]) .ui-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap,:where([data-ui=bento]) .ui-table-wrap{overflow:auto}.bento-table,:where([data-ui=bento]) .ui-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td,:where([data-ui=bento]) .ui-table th,:where([data-ui=bento]) .ui-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th,:where([data-ui=bento]) .ui-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td,:where([data-ui=bento]) .ui-table td{color:var(--bento-text-muted)}.bento-table tr:hover td,:where([data-ui=bento]) .ui-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-badge,:where([data-ui=maximalist]) .ui-nav-link{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card,:where([data-ui=maximalist]) .ui-toolbar,:where([data-ui=maximalist]) .ui-table-wrap{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar,:where([data-ui=maximalist]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-toolbar,:where([data-ui=maximalist]) .ui-table-wrap,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button,:where([data-ui=maximalist]) .ui-badge,:where([data-ui=maximalist]) .ui-nav-link{font-family:var(--max-font-control)}.max-field,:where([data-ui=maximalist]) .ui-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label,:where([data-ui=maximalist]) .ui-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select,:where([data-ui=maximalist]) .ui-input,:where([data-ui=maximalist]) .ui-textarea,:where([data-ui=maximalist]) .ui-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea,:where([data-ui=maximalist]) .ui-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder,:where([data-ui=maximalist]) .ui-input::placeholder,:where([data-ui=maximalist]) .ui-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover,:where([data-ui=maximalist]) .ui-input:hover,:where([data-ui=maximalist]) .ui-textarea:hover,:where([data-ui=maximalist]) .ui-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus,:where([data-ui=maximalist]) .ui-input:focus,:where([data-ui=maximalist]) .ui-textarea:focus,:where([data-ui=maximalist]) .ui-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text,:where([data-ui=maximalist]) .ui-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio,:where([data-ui=maximalist]) .ui-check,:where([data-ui=maximalist]) .ui-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input,:where([data-ui=maximalist]) .ui-check input,:where([data-ui=maximalist]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control,:where([data-ui=maximalist]) .ui-check-control,:where([data-ui=maximalist]) .ui-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control,:where([data-ui=maximalist]) .ui-check-control{border-radius:var(--max-radius-xs)}.max-radio-control,:where([data-ui=maximalist]) .ui-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch,:where([data-ui=maximalist]) .ui-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input,:where([data-ui=maximalist]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track,:where([data-ui=maximalist]) .ui-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb,:where([data-ui=maximalist]) .ui-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge,:where([data-ui=maximalist]) .ui-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=success]){background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=warning]){background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav,:where([data-ui=maximalist]) .ui-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link,:where([data-ui=maximalist]) .ui-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover,:where([data-ui=maximalist]) .ui-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active,:where([data-ui=maximalist]) .ui-nav-link[aria-current=page],:where([data-ui=maximalist]) .ui-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress,:where([data-ui=maximalist]) .ui-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar,:where([data-ui=maximalist]) .ui-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert,:where([data-ui=maximalist]) .ui-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success,:where([data-ui=maximalist]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--max-success)}.max-alert-warning,:where([data-ui=maximalist]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--max-warning)}.max-alert-danger,:where([data-ui=maximalist]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--max-danger)}.max-alert-title,:where([data-ui=maximalist]) .ui-alert-title{margin:0;font-weight:900}.max-alert-body,:where([data-ui=maximalist]) .ui-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap,:where([data-ui=maximalist]) .ui-table-wrap{overflow:auto}.max-table,:where([data-ui=maximalist]) .ui-table{border-collapse:collapse;width:100%}.max-table th,.max-table td,:where([data-ui=maximalist]) .ui-table th,:where([data-ui=maximalist]) .ui-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th,:where([data-ui=maximalist]) .ui-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td,:where([data-ui=maximalist]) .ui-table td{color:var(--max-text-muted)}.max-table tr:hover td,:where([data-ui=maximalist]) .ui-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-badge,:where([data-ui=bauhaus]) .ui-nav-link{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card,:where([data-ui=bauhaus]) .ui-toolbar,:where([data-ui=bauhaus]) .ui-table-wrap{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar,:where([data-ui=bauhaus]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-toolbar,:where([data-ui=bauhaus]) .ui-table-wrap,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button,:where([data-ui=bauhaus]) .ui-badge,:where([data-ui=bauhaus]) .ui-nav-link{font-family:var(--bau-font-control)}.bau-field,:where([data-ui=bauhaus]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui=bauhaus]) .ui-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select,:where([data-ui=bauhaus]) .ui-input,:where([data-ui=bauhaus]) .ui-textarea,:where([data-ui=bauhaus]) .ui-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea,:where([data-ui=bauhaus]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui=bauhaus]) .ui-input::placeholder,:where([data-ui=bauhaus]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui=bauhaus]) .ui-input:hover,:where([data-ui=bauhaus]) .ui-textarea:hover,:where([data-ui=bauhaus]) .ui-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui=bauhaus]) .ui-input:focus,:where([data-ui=bauhaus]) .ui-textarea:focus,:where([data-ui=bauhaus]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text,:where([data-ui=bauhaus]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui=bauhaus]) .ui-check,:where([data-ui=bauhaus]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui=bauhaus]) .ui-check input,:where([data-ui=bauhaus]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui=bauhaus]) .ui-check-control,:where([data-ui=bauhaus]) .ui-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control,:where([data-ui=bauhaus]) .ui-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control,:where([data-ui=bauhaus]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui=bauhaus]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui=bauhaus]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge,:where([data-ui=bauhaus]) .ui-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=success]){background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=warning]){background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav,:where([data-ui=bauhaus]) .ui-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link,:where([data-ui=bauhaus]) .ui-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover,:where([data-ui=bauhaus]) .ui-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active,:where([data-ui=bauhaus]) .ui-nav-link[aria-current=page],:where([data-ui=bauhaus]) .ui-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress,:where([data-ui=bauhaus]) .ui-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar,:where([data-ui=bauhaus]) .ui-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert,:where([data-ui=bauhaus]) .ui-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success,:where([data-ui=bauhaus]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--bau-success)}.bau-alert-warning,:where([data-ui=bauhaus]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--bau-warning)}.bau-alert-danger,:where([data-ui=bauhaus]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--bau-danger)}.bau-alert-title,:where([data-ui=bauhaus]) .ui-alert-title{margin:0;font-weight:900}.bau-alert-body,:where([data-ui=bauhaus]) .ui-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap,:where([data-ui=bauhaus]) .ui-table-wrap{overflow:auto}.bau-table,:where([data-ui=bauhaus]) .ui-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td,:where([data-ui=bauhaus]) .ui-table th,:where([data-ui=bauhaus]) .ui-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th,:where([data-ui=bauhaus]) .ui-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td,:where([data-ui=bauhaus]) .ui-table td{color:var(--bau-text-muted)}.bau-table tr:hover td,:where([data-ui=bauhaus]) .ui-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-badge,:where([data-ui=tactile]) .ui-nav-link{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card,:where([data-ui=tactile]) .ui-toolbar,:where([data-ui=tactile]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar,:where([data-ui=tactile]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-toolbar,:where([data-ui=tactile]) .ui-table-wrap,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button,:where([data-ui=tactile]) .ui-badge,:where([data-ui=tactile]) .ui-nav-link{font-family:var(--tactile-font-control)}.tactile-field,:where([data-ui=tactile]) .ui-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label,:where([data-ui=tactile]) .ui-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select,:where([data-ui=tactile]) .ui-input,:where([data-ui=tactile]) .ui-textarea,:where([data-ui=tactile]) .ui-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea,:where([data-ui=tactile]) .ui-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder,:where([data-ui=tactile]) .ui-input::placeholder,:where([data-ui=tactile]) .ui-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover,:where([data-ui=tactile]) .ui-input:hover,:where([data-ui=tactile]) .ui-textarea:hover,:where([data-ui=tactile]) .ui-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus,:where([data-ui=tactile]) .ui-input:focus,:where([data-ui=tactile]) .ui-textarea:focus,:where([data-ui=tactile]) .ui-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text,:where([data-ui=tactile]) .ui-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio,:where([data-ui=tactile]) .ui-check,:where([data-ui=tactile]) .ui-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input,:where([data-ui=tactile]) .ui-check input,:where([data-ui=tactile]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control,:where([data-ui=tactile]) .ui-check-control,:where([data-ui=tactile]) .ui-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control,:where([data-ui=tactile]) .ui-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control,:where([data-ui=tactile]) .ui-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch,:where([data-ui=tactile]) .ui-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input,:where([data-ui=tactile]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track,:where([data-ui=tactile]) .ui-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge,:where([data-ui=tactile]) .ui-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=success]){background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=warning]){background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav,:where([data-ui=tactile]) .ui-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link,:where([data-ui=tactile]) .ui-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover,:where([data-ui=tactile]) .ui-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active,:where([data-ui=tactile]) .ui-nav-link[aria-current=page],:where([data-ui=tactile]) .ui-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress,:where([data-ui=tactile]) .ui-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar,:where([data-ui=tactile]) .ui-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert,:where([data-ui=tactile]) .ui-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success,:where([data-ui=tactile]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--tactile-success)}.tactile-alert-warning,:where([data-ui=tactile]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--tactile-warning)}.tactile-alert-danger,:where([data-ui=tactile]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--tactile-danger)}.tactile-alert-title,:where([data-ui=tactile]) .ui-alert-title{margin:0;font-weight:900}.tactile-alert-body,:where([data-ui=tactile]) .ui-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap,:where([data-ui=tactile]) .ui-table-wrap{overflow:auto}.tactile-table,:where([data-ui=tactile]) .ui-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td,:where([data-ui=tactile]) .ui-table th,:where([data-ui=tactile]) .ui-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th,:where([data-ui=tactile]) .ui-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td,:where([data-ui=tactile]) .ui-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td,:where([data-ui=tactile]) .ui-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-badge,:where([data-ui=neumorphism]) .ui-nav-link{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card,:where([data-ui=neumorphism]) .ui-toolbar,:where([data-ui=neumorphism]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar,:where([data-ui=neumorphism]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-toolbar,:where([data-ui=neumorphism]) .ui-table-wrap,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button,:where([data-ui=neumorphism]) .ui-badge,:where([data-ui=neumorphism]) .ui-nav-link{font-family:var(--neo-font-control)}.neo-field,:where([data-ui=neumorphism]) .ui-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label,:where([data-ui=neumorphism]) .ui-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea,:where([data-ui=neumorphism]) .ui-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder,:where([data-ui=neumorphism]) .ui-input::placeholder,:where([data-ui=neumorphism]) .ui-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover,:where([data-ui=neumorphism]) .ui-input:hover,:where([data-ui=neumorphism]) .ui-textarea:hover,:where([data-ui=neumorphism]) .ui-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus,:where([data-ui=neumorphism]) .ui-input:focus,:where([data-ui=neumorphism]) .ui-textarea:focus,:where([data-ui=neumorphism]) .ui-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text,:where([data-ui=neumorphism]) .ui-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio,:where([data-ui=neumorphism]) .ui-check,:where([data-ui=neumorphism]) .ui-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input,:where([data-ui=neumorphism]) .ui-check input,:where([data-ui=neumorphism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control,:where([data-ui=neumorphism]) .ui-check-control,:where([data-ui=neumorphism]) .ui-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control,:where([data-ui=neumorphism]) .ui-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control,:where([data-ui=neumorphism]) .ui-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch,:where([data-ui=neumorphism]) .ui-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input,:where([data-ui=neumorphism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge,:where([data-ui=neumorphism]) .ui-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=success]){background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=warning]){background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav,:where([data-ui=neumorphism]) .ui-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link,:where([data-ui=neumorphism]) .ui-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover,:where([data-ui=neumorphism]) .ui-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-nav-link[aria-current=page],:where([data-ui=neumorphism]) .ui-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress,:where([data-ui=neumorphism]) .ui-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar,:where([data-ui=neumorphism]) .ui-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert,:where([data-ui=neumorphism]) .ui-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success,:where([data-ui=neumorphism]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--neo-success)}.neo-alert-warning,:where([data-ui=neumorphism]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--neo-warning)}.neo-alert-danger,:where([data-ui=neumorphism]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--neo-danger)}.neo-alert-title,:where([data-ui=neumorphism]) .ui-alert-title{margin:0;font-weight:900}.neo-alert-body,:where([data-ui=neumorphism]) .ui-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap,:where([data-ui=neumorphism]) .ui-table-wrap{overflow:auto}.neo-table,:where([data-ui=neumorphism]) .ui-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td,:where([data-ui=neumorphism]) .ui-table th,:where([data-ui=neumorphism]) .ui-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th,:where([data-ui=neumorphism]) .ui-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td,:where([data-ui=neumorphism]) .ui-table td{color:var(--neo-text-muted)}.neo-table tr:hover td,:where([data-ui=neumorphism]) .ui-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card,:where([data-ui=neumorphism]) .ui-toolbar,:where([data-ui=neumorphism]) .ui-table-wrap{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select,:where([data-ui=neumorphism]) .ui-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button,:where([data-ui=neumorphism]) .ui-badge,:where([data-ui=neumorphism]) .ui-nav{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active,:where([data-ui=neumorphism]) .ui-nav-link.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-badge,:where([data-ui=retrofuturism]) .ui-nav-link{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card,:where([data-ui=retrofuturism]) .ui-toolbar,:where([data-ui=retrofuturism]) .ui-table-wrap{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar,:where([data-ui=retrofuturism]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-toolbar,:where([data-ui=retrofuturism]) .ui-table-wrap,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button,:where([data-ui=retrofuturism]) .ui-badge,:where([data-ui=retrofuturism]) .ui-nav-link{font-family:var(--retro-font-control)}.retro-field,:where([data-ui=retrofuturism]) .ui-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label,:where([data-ui=retrofuturism]) .ui-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select,:where([data-ui=retrofuturism]) .ui-input,:where([data-ui=retrofuturism]) .ui-textarea,:where([data-ui=retrofuturism]) .ui-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea,:where([data-ui=retrofuturism]) .ui-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder,:where([data-ui=retrofuturism]) .ui-input::placeholder,:where([data-ui=retrofuturism]) .ui-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover,:where([data-ui=retrofuturism]) .ui-input:hover,:where([data-ui=retrofuturism]) .ui-textarea:hover,:where([data-ui=retrofuturism]) .ui-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus,:where([data-ui=retrofuturism]) .ui-input:focus,:where([data-ui=retrofuturism]) .ui-textarea:focus,:where([data-ui=retrofuturism]) .ui-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text,:where([data-ui=retrofuturism]) .ui-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio,:where([data-ui=retrofuturism]) .ui-check,:where([data-ui=retrofuturism]) .ui-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input,:where([data-ui=retrofuturism]) .ui-check input,:where([data-ui=retrofuturism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check-control,:where([data-ui=retrofuturism]) .ui-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control,:where([data-ui=retrofuturism]) .ui-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control,:where([data-ui=retrofuturism]) .ui-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch,:where([data-ui=retrofuturism]) .ui-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input,:where([data-ui=retrofuturism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge,:where([data-ui=retrofuturism]) .ui-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=success]){background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=warning]){background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav,:where([data-ui=retrofuturism]) .ui-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link,:where([data-ui=retrofuturism]) .ui-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover,:where([data-ui=retrofuturism]) .ui-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-nav-link[aria-current=page],:where([data-ui=retrofuturism]) .ui-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress,:where([data-ui=retrofuturism]) .ui-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar,:where([data-ui=retrofuturism]) .ui-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert,:where([data-ui=retrofuturism]) .ui-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success,:where([data-ui=retrofuturism]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--retro-success)}.retro-alert-warning,:where([data-ui=retrofuturism]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--retro-warning)}.retro-alert-danger,:where([data-ui=retrofuturism]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--retro-danger)}.retro-alert-title,:where([data-ui=retrofuturism]) .ui-alert-title{margin:0;font-weight:900}.retro-alert-body,:where([data-ui=retrofuturism]) .ui-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-table-wrap{overflow:auto}.retro-table,:where([data-ui=retrofuturism]) .ui-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td,:where([data-ui=retrofuturism]) .ui-table th,:where([data-ui=retrofuturism]) .ui-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th,:where([data-ui=retrofuturism]) .ui-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td,:where([data-ui=retrofuturism]) .ui-table td{color:var(--retro-text-muted)}.retro-table tr:hover td,:where([data-ui=retrofuturism]) .ui-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card,:where([data-ui=retrofuturism]) .ui-toolbar,:where([data-ui=retrofuturism]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]),:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=primary]),:where([data-ui=retrofuturism]) .ui-nav-link.is-active{box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-badge,:where([data-ui=brutalism]) .ui-nav-link{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card,:where([data-ui=brutalism]) .ui-toolbar,:where([data-ui=brutalism]) .ui-table-wrap{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar,:where([data-ui=brutalism]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-toolbar,:where([data-ui=brutalism]) .ui-table-wrap,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button,:where([data-ui=brutalism]) .ui-badge,:where([data-ui=brutalism]) .ui-nav-link{font-family:var(--brutal-font-control)}.brutal-field,:where([data-ui=brutalism]) .ui-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label,:where([data-ui=brutalism]) .ui-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select,:where([data-ui=brutalism]) .ui-input,:where([data-ui=brutalism]) .ui-textarea,:where([data-ui=brutalism]) .ui-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea,:where([data-ui=brutalism]) .ui-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus,:where([data-ui=brutalism]) .ui-input:focus,:where([data-ui=brutalism]) .ui-textarea:focus,:where([data-ui=brutalism]) .ui-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text,:where([data-ui=brutalism]) .ui-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge,:where([data-ui=brutalism]) .ui-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=success]){background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=warning]){background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav,:where([data-ui=brutalism]) .ui-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link,:where([data-ui=brutalism]) .ui-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover,:where([data-ui=brutalism]) .ui-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page],:where([data-ui=brutalism]) .ui-nav-link.is-active,:where([data-ui=brutalism]) .ui-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress,:where([data-ui=brutalism]) .ui-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar,:where([data-ui=brutalism]) .ui-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert,:where([data-ui=brutalism]) .ui-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success,:where([data-ui=brutalism]) .ui-alert:where([data-ui-variant=success]){box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning,:where([data-ui=brutalism]) .ui-alert:where([data-ui-variant=warning]){box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger,:where([data-ui=brutalism]) .ui-alert:where([data-ui-variant=danger]){box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title,:where([data-ui=brutalism]) .ui-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body,:where([data-ui=brutalism]) .ui-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap,:where([data-ui=brutalism]) .ui-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table,:where([data-ui=brutalism]) .ui-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td,:where([data-ui=brutalism]) .ui-table th,:where([data-ui=brutalism]) .ui-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th,:where([data-ui=brutalism]) .ui-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-badge,:where([data-ui=cyberpunk]) .ui-nav-link{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card,:where([data-ui=cyberpunk]) .ui-toolbar,:where([data-ui=cyberpunk]) .ui-table-wrap{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before,:where([data-ui=cyberpunk]) .ui-toolbar:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar,:where([data-ui=cyberpunk]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field,:where([data-ui=cyberpunk]) .ui-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label,:where([data-ui=cyberpunk]) .ui-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select,:where([data-ui=cyberpunk]) .ui-input,:where([data-ui=cyberpunk]) .ui-textarea,:where([data-ui=cyberpunk]) .ui-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea,:where([data-ui=cyberpunk]) .ui-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus,:where([data-ui=cyberpunk]) .ui-input:focus,:where([data-ui=cyberpunk]) .ui-textarea:focus,:where([data-ui=cyberpunk]) .ui-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text,:where([data-ui=cyberpunk]) .ui-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge,:where([data-ui=cyberpunk]) .ui-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=primary]){background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=secondary]){background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=success]){background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=warning]){background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav,:where([data-ui=cyberpunk]) .ui-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover,:where([data-ui=cyberpunk]) .ui-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page],:where([data-ui=cyberpunk]) .ui-nav-link.is-active,:where([data-ui=cyberpunk]) .ui-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress,:where([data-ui=cyberpunk]) .ui-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar,:where([data-ui=cyberpunk]) .ui-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert,:where([data-ui=cyberpunk]) .ui-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success,:where([data-ui=cyberpunk]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--cyber-success)}.cyber-alert-warning,:where([data-ui=cyberpunk]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--cyber-warning)}.cyber-alert-danger,:where([data-ui=cyberpunk]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--cyber-danger)}.cyber-alert-title,:where([data-ui=cyberpunk]) .ui-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body,:where([data-ui=cyberpunk]) .ui-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-table-wrap{overflow:auto}.cyber-table,:where([data-ui=cyberpunk]) .ui-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td,:where([data-ui=cyberpunk]) .ui-table th,:where([data-ui=cyberpunk]) .ui-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th,:where([data-ui=cyberpunk]) .ui-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td,:where([data-ui=cyberpunk]) .ui-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td,:where([data-ui=cyberpunk]) .ui-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible,:where([data-ui=cyberpunk]) .ui-input:focus-visible,:where([data-ui=cyberpunk]) .ui-nav-link:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-toolbar,:where([data-ui=cyberpunk]) .ui-table-wrap,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button,:where([data-ui=cyberpunk]) .ui-badge,:where([data-ui=cyberpunk]) .ui-nav-link{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-badge,:where([data-ui=y2k]) .ui-nav-link{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card,:where([data-ui=y2k]) .ui-toolbar,:where([data-ui=y2k]) .ui-table-wrap{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar,:where([data-ui=y2k]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field,:where([data-ui=y2k]) .ui-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label,:where([data-ui=y2k]) .ui-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select,:where([data-ui=y2k]) .ui-input,:where([data-ui=y2k]) .ui-textarea,:where([data-ui=y2k]) .ui-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea,:where([data-ui=y2k]) .ui-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus,:where([data-ui=y2k]) .ui-input:focus,:where([data-ui=y2k]) .ui-textarea:focus,:where([data-ui=y2k]) .ui-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text,:where([data-ui=y2k]) .ui-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge,:where([data-ui=y2k]) .ui-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=primary]){background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=secondary]){background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=success]){background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=warning]){background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav,:where([data-ui=y2k]) .ui-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link,:where([data-ui=y2k]) .ui-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover,:where([data-ui=y2k]) .ui-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page],:where([data-ui=y2k]) .ui-nav-link.is-active,:where([data-ui=y2k]) .ui-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress,:where([data-ui=y2k]) .ui-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar,:where([data-ui=y2k]) .ui-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert,:where([data-ui=y2k]) .ui-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title,:where([data-ui=y2k]) .ui-alert-title{margin:0;font-weight:900}.y2k-alert-body,:where([data-ui=y2k]) .ui-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success,:where([data-ui=y2k]) .ui-alert:where([data-ui-variant=success]){box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning,:where([data-ui=y2k]) .ui-alert:where([data-ui-variant=warning]){box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger,:where([data-ui=y2k]) .ui-alert:where([data-ui-variant=danger]){box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap,:where([data-ui=y2k]) .ui-table-wrap{overflow:auto}.y2k-table,:where([data-ui=y2k]) .ui-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td,:where([data-ui=y2k]) .ui-table th,:where([data-ui=y2k]) .ui-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th,:where([data-ui=y2k]) .ui-table th{background:#ffffff29;font-weight:900}.y2k-table td,:where([data-ui=y2k]) .ui-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-toolbar,:where([data-ui=y2k]) .ui-table-wrap,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button,:where([data-ui=y2k]) .ui-badge,:where([data-ui=y2k]) .ui-nav-link{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-badge,:where([data-ui=retro-glass]) .ui-nav-link{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card,:where([data-ui=retro-glass]) .ui-toolbar,:where([data-ui=retro-glass]) .ui-table-wrap{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar,:where([data-ui=retro-glass]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field,:where([data-ui=retro-glass]) .ui-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label,:where([data-ui=retro-glass]) .ui-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select,:where([data-ui=retro-glass]) .ui-input,:where([data-ui=retro-glass]) .ui-textarea,:where([data-ui=retro-glass]) .ui-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea,:where([data-ui=retro-glass]) .ui-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus,:where([data-ui=retro-glass]) .ui-input:focus,:where([data-ui=retro-glass]) .ui-textarea:focus,:where([data-ui=retro-glass]) .ui-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text,:where([data-ui=retro-glass]) .ui-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge,:where([data-ui=retro-glass]) .ui-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=primary]){background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=secondary]){background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=success]){background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=warning]){background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav,:where([data-ui=retro-glass]) .ui-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link,:where([data-ui=retro-glass]) .ui-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover,:where([data-ui=retro-glass]) .ui-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page],:where([data-ui=retro-glass]) .ui-nav-link.is-active,:where([data-ui=retro-glass]) .ui-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress,:where([data-ui=retro-glass]) .ui-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar,:where([data-ui=retro-glass]) .ui-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert,:where([data-ui=retro-glass]) .ui-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title,:where([data-ui=retro-glass]) .ui-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body,:where([data-ui=retro-glass]) .ui-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success,:where([data-ui=retro-glass]) .ui-alert:where([data-ui-variant=success]){border-left:4px solid var(--rg-success)}.rg-alert-warning,:where([data-ui=retro-glass]) .ui-alert:where([data-ui-variant=warning]){border-left:4px solid var(--rg-warning)}.rg-alert-danger,:where([data-ui=retro-glass]) .ui-alert:where([data-ui-variant=danger]){border-left:4px solid var(--rg-danger)}.rg-table-wrap,:where([data-ui=retro-glass]) .ui-table-wrap{overflow:auto}.rg-table,:where([data-ui=retro-glass]) .ui-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td,:where([data-ui=retro-glass]) .ui-table th,:where([data-ui=retro-glass]) .ui-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th,:where([data-ui=retro-glass]) .ui-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td,:where([data-ui=retro-glass]) .ui-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-toolbar,:where([data-ui=retro-glass]) .ui-table-wrap,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button,:where([data-ui=retro-glass]) .ui-badge,:where([data-ui=retro-glass]) .ui-nav-link{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout; \ No newline at end of file diff --git a/dist/ui-style-kit.with-bridge.css b/dist/ui-style-kit.with-bridge.css index f55e1d2..47f68a1 100644 --- a/dist/ui-style-kit.with-bridge.css +++ b/dist/ui-style-kit.with-bridge.css @@ -2214,7 +2214,7 @@ background-size: var(--saas-theme-bg-size); } - .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button { + .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-badge, :where([data-ui="minimal-saas"]) .ui-nav-link { font-family: var(--saas-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card { + .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface); color: var(--saas-text); border: 1px solid var(--saas-border); @@ -2274,7 +2274,7 @@ padding: var(--saas-space-6); } - .saas-toolbar { + .saas-toolbar, :where([data-ui="minimal-saas"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--saas-space-4); @@ -2391,11 +2391,11 @@ background: var(--saas-card-bg); } - .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { + .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { background: var(--saas-control-bg); } - .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { + .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button, :where([data-ui="minimal-saas"]) .ui-badge, :where([data-ui="minimal-saas"]) .ui-nav-link { font-family: var(--saas-font-control); } @@ -2549,7 +2549,7 @@ left: calc(100% - 1.56rem); } - .saas-badge { + .saas-badge, :where([data-ui="minimal-saas"]) .ui-badge { align-items: center; gap: var(--saas-space-1); background: var(--saas-surface-soft); @@ -2564,37 +2564,37 @@ display: inline-flex; } - .saas-badge-primary { + .saas-badge-primary, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--saas-primary); color: var(--saas-on-primary); border-color: var(--saas-primary); } - .saas-badge-secondary { + .saas-badge-secondary, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--saas-secondary); color: var(--saas-on-secondary); border-color: var(--saas-secondary); } - .saas-badge-success { + .saas-badge-success, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--saas-success); color: var(--saas-on-success); border-color: var(--saas-success); } - .saas-badge-warning { + .saas-badge-warning, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--saas-warning); color: var(--saas-on-warning); border-color: var(--saas-warning); } - .saas-badge-danger { + .saas-badge-danger, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--saas-danger); color: var(--saas-on-danger); border-color: var(--saas-danger); } - .saas-nav { + .saas-nav, :where([data-ui="minimal-saas"]) .ui-nav { align-items: center; gap: var(--saas-space-2); padding: var(--saas-space-2); @@ -2606,7 +2606,7 @@ display: flex; } - .saas-nav-link { + .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-nav-link { min-height: 2.5rem; color: var(--saas-text-muted); border-radius: var(--saas-radius-pill); @@ -2619,12 +2619,12 @@ display: inline-flex; } - .saas-nav-link:hover { + .saas-nav-link:hover, :where([data-ui="minimal-saas"]) .ui-nav-link:hover { color: var(--saas-text); background: var(--saas-surface-soft); } - .saas-nav-link[aria-current="page"], .saas-nav-link.is-active { + .saas-nav-link[aria-current="page"], .saas-nav-link.is-active, :where([data-ui="minimal-saas"]) .ui-nav-link[aria-current="page"], :where([data-ui="minimal-saas"]) .ui-nav-link.is-active { color: var(--saas-on-primary); background: var(--saas-primary); } @@ -2655,7 +2655,7 @@ transform: rotate(45deg); } - .saas-progress { + .saas-progress, :where([data-ui="minimal-saas"]) .ui-progress { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); border-radius: var(--saas-radius-pill); @@ -2664,14 +2664,14 @@ overflow: hidden; } - .saas-progress-bar { + .saas-progress-bar, :where([data-ui="minimal-saas"]) .ui-progress-bar { height: 100%; width: var(--saas-progress-value, 50%); background: linear-gradient(90deg,var(--saas-primary),var(--saas-accent)); border-radius: inherit; } - .saas-alert { + .saas-alert, :where([data-ui="minimal-saas"]) .ui-alert { gap: var(--saas-space-2); padding: var(--saas-space-4); background: var(--saas-surface); @@ -2682,45 +2682,45 @@ display: grid; } - .saas-alert-success { + .saas-alert-success, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--saas-success); } - .saas-alert-warning { + .saas-alert-warning, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--saas-warning); } - .saas-alert-danger { + .saas-alert-danger, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--saas-danger); } - .saas-alert-title { + .saas-alert-title, :where([data-ui="minimal-saas"]) .ui-alert-title { margin: 0; font-weight: 900; } - .saas-alert-body { + .saas-alert-body, :where([data-ui="minimal-saas"]) .ui-alert-body { color: var(--saas-text-muted); margin: 0; line-height: 1.55; } - .saas-table-wrap { + .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-table-wrap { overflow: auto; } - .saas-table { + .saas-table, :where([data-ui="minimal-saas"]) .ui-table { border-collapse: collapse; width: 100%; } - .saas-table th, .saas-table td { + .saas-table th, .saas-table td, :where([data-ui="minimal-saas"]) .ui-table th, :where([data-ui="minimal-saas"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--saas-border); padding: .95rem 1rem; } - .saas-table th { + .saas-table th, :where([data-ui="minimal-saas"]) .ui-table th { color: var(--saas-text); text-transform: uppercase; letter-spacing: .08em; @@ -2729,11 +2729,11 @@ font-weight: 900; } - .saas-table td { + .saas-table td, :where([data-ui="minimal-saas"]) .ui-table td { color: var(--saas-text-muted); } - .saas-table tr:hover td { + .saas-table tr:hover td, :where([data-ui="minimal-saas"]) .ui-table tr:hover td { background: rgb(var(--saas-primary-rgb)/.045); } @@ -3110,7 +3110,7 @@ background-size: var(--bento-theme-bg-size); } - .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button { + .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link { font-family: var(--bento-font-heading); } @@ -3156,7 +3156,7 @@ height: 1px; } - .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card { + .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface); color: var(--bento-text); border: 1px solid var(--bento-border); @@ -3170,7 +3170,7 @@ padding: var(--bento-space-6); } - .bento-toolbar { + .bento-toolbar, :where([data-ui="bento"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--bento-space-4); @@ -3287,11 +3287,11 @@ background: var(--bento-card-bg); } - .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { + .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { background: var(--bento-control-bg); } - .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { + .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link { font-family: var(--bento-font-control); } @@ -3445,7 +3445,7 @@ left: calc(100% - 1.56rem); } - .bento-badge { + .bento-badge, :where([data-ui="bento"]) .ui-badge { align-items: center; gap: var(--bento-space-1); background: var(--bento-surface-soft); @@ -3460,37 +3460,37 @@ display: inline-flex; } - .bento-badge-primary { + .bento-badge-primary, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--bento-primary); color: var(--bento-on-primary); border-color: var(--bento-primary); } - .bento-badge-secondary { + .bento-badge-secondary, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--bento-secondary); color: var(--bento-on-secondary); border-color: var(--bento-secondary); } - .bento-badge-success { + .bento-badge-success, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--bento-success); color: var(--bento-on-success); border-color: var(--bento-success); } - .bento-badge-warning { + .bento-badge-warning, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--bento-warning); color: var(--bento-on-warning); border-color: var(--bento-warning); } - .bento-badge-danger { + .bento-badge-danger, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--bento-danger); color: var(--bento-on-danger); border-color: var(--bento-danger); } - .bento-nav { + .bento-nav, :where([data-ui="bento"]) .ui-nav { align-items: center; gap: var(--bento-space-2); padding: var(--bento-space-2); @@ -3502,7 +3502,7 @@ display: flex; } - .bento-nav-link { + .bento-nav-link, :where([data-ui="bento"]) .ui-nav-link { min-height: 2.5rem; color: var(--bento-text-muted); border-radius: var(--bento-radius-pill); @@ -3515,12 +3515,12 @@ display: inline-flex; } - .bento-nav-link:hover { + .bento-nav-link:hover, :where([data-ui="bento"]) .ui-nav-link:hover { color: var(--bento-text); background: var(--bento-surface-soft); } - .bento-nav-link[aria-current="page"], .bento-nav-link.is-active { + .bento-nav-link[aria-current="page"], .bento-nav-link.is-active, :where([data-ui="bento"]) .ui-nav-link[aria-current="page"], :where([data-ui="bento"]) .ui-nav-link.is-active { color: var(--bento-on-primary); background: var(--bento-primary); } @@ -3550,7 +3550,7 @@ transform: rotate(45deg); } - .bento-progress { + .bento-progress, :where([data-ui="bento"]) .ui-progress { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); border-radius: var(--bento-radius-pill); @@ -3559,14 +3559,14 @@ overflow: hidden; } - .bento-progress-bar { + .bento-progress-bar, :where([data-ui="bento"]) .ui-progress-bar { height: 100%; width: var(--bento-progress-value, 50%); background: linear-gradient(90deg,var(--bento-primary),var(--bento-accent)); border-radius: inherit; } - .bento-alert { + .bento-alert, :where([data-ui="bento"]) .ui-alert { gap: var(--bento-space-2); padding: var(--bento-space-4); background: var(--bento-surface); @@ -3577,45 +3577,45 @@ display: grid; } - .bento-alert-success { + .bento-alert-success, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--bento-success); } - .bento-alert-warning { + .bento-alert-warning, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--bento-warning); } - .bento-alert-danger { + .bento-alert-danger, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--bento-danger); } - .bento-alert-title { + .bento-alert-title, :where([data-ui="bento"]) .ui-alert-title { margin: 0; font-weight: 900; } - .bento-alert-body { + .bento-alert-body, :where([data-ui="bento"]) .ui-alert-body { color: var(--bento-text-muted); margin: 0; line-height: 1.55; } - .bento-table-wrap { + .bento-table-wrap, :where([data-ui="bento"]) .ui-table-wrap { overflow: auto; } - .bento-table { + .bento-table, :where([data-ui="bento"]) .ui-table { border-collapse: collapse; width: 100%; } - .bento-table th, .bento-table td { + .bento-table th, .bento-table td, :where([data-ui="bento"]) .ui-table th, :where([data-ui="bento"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--bento-border); padding: .95rem 1rem; } - .bento-table th { + .bento-table th, :where([data-ui="bento"]) .ui-table th { color: var(--bento-text); text-transform: uppercase; letter-spacing: .08em; @@ -3624,11 +3624,11 @@ font-weight: 900; } - .bento-table td { + .bento-table td, :where([data-ui="bento"]) .ui-table td { color: var(--bento-text-muted); } - .bento-table tr:hover td { + .bento-table tr:hover td, :where([data-ui="bento"]) .ui-table tr:hover td { background: rgb(var(--bento-primary-rgb)/.045); } @@ -4027,7 +4027,7 @@ background-size: var(--max-theme-bg-size); } - .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button { + .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link { font-family: var(--max-font-heading); } @@ -4074,7 +4074,7 @@ height: 3px; } - .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card { + .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface); color: var(--max-text); border: 3px solid var(--max-border); @@ -4088,7 +4088,7 @@ padding: var(--max-space-6); } - .max-toolbar { + .max-toolbar, :where([data-ui="maximalist"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--max-space-4); @@ -4205,11 +4205,11 @@ background: var(--max-card-bg); } - .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { + .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { background: var(--max-control-bg); } - .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { + .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link { font-family: var(--max-font-control); } @@ -4363,7 +4363,7 @@ left: calc(100% - 1.56rem); } - .max-badge { + .max-badge, :where([data-ui="maximalist"]) .ui-badge { align-items: center; gap: var(--max-space-1); background: var(--max-surface-soft); @@ -4378,37 +4378,37 @@ display: inline-flex; } - .max-badge-primary { + .max-badge-primary, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--max-primary); color: var(--max-on-primary); border-color: var(--max-primary); } - .max-badge-secondary { + .max-badge-secondary, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--max-secondary); color: var(--max-on-secondary); border-color: var(--max-secondary); } - .max-badge-success { + .max-badge-success, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--max-success); color: var(--max-on-success); border-color: var(--max-success); } - .max-badge-warning { + .max-badge-warning, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--max-warning); color: var(--max-on-warning); border-color: var(--max-warning); } - .max-badge-danger { + .max-badge-danger, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--max-danger); color: var(--max-on-danger); border-color: var(--max-danger); } - .max-nav { + .max-nav, :where([data-ui="maximalist"]) .ui-nav { align-items: center; gap: var(--max-space-2); padding: var(--max-space-2); @@ -4420,7 +4420,7 @@ display: flex; } - .max-nav-link { + .max-nav-link, :where([data-ui="maximalist"]) .ui-nav-link { min-height: 2.5rem; color: var(--max-text-muted); border-radius: var(--max-radius-pill); @@ -4433,12 +4433,12 @@ display: inline-flex; } - .max-nav-link:hover { + .max-nav-link:hover, :where([data-ui="maximalist"]) .ui-nav-link:hover { color: var(--max-text); background: var(--max-surface-soft); } - .max-nav-link[aria-current="page"], .max-nav-link.is-active { + .max-nav-link[aria-current="page"], .max-nav-link.is-active, :where([data-ui="maximalist"]) .ui-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .ui-nav-link.is-active { color: var(--max-on-primary); background: var(--max-primary); } @@ -4470,7 +4470,7 @@ transform: rotate(45deg); } - .max-progress { + .max-progress, :where([data-ui="maximalist"]) .ui-progress { background: var(--max-surface-soft); border: 3px solid var(--max-border); border-radius: var(--max-radius-pill); @@ -4479,14 +4479,14 @@ overflow: hidden; } - .max-progress-bar { + .max-progress-bar, :where([data-ui="maximalist"]) .ui-progress-bar { height: 100%; width: var(--max-progress-value, 50%); background: linear-gradient(90deg,var(--max-primary),var(--max-accent)); border-radius: inherit; } - .max-alert { + .max-alert, :where([data-ui="maximalist"]) .ui-alert { gap: var(--max-space-2); padding: var(--max-space-4); background: var(--max-surface); @@ -4497,45 +4497,45 @@ display: grid; } - .max-alert-success { + .max-alert-success, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--max-success); } - .max-alert-warning { + .max-alert-warning, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--max-warning); } - .max-alert-danger { + .max-alert-danger, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--max-danger); } - .max-alert-title { + .max-alert-title, :where([data-ui="maximalist"]) .ui-alert-title { margin: 0; font-weight: 900; } - .max-alert-body { + .max-alert-body, :where([data-ui="maximalist"]) .ui-alert-body { color: var(--max-text-muted); margin: 0; line-height: 1.55; } - .max-table-wrap { + .max-table-wrap, :where([data-ui="maximalist"]) .ui-table-wrap { overflow: auto; } - .max-table { + .max-table, :where([data-ui="maximalist"]) .ui-table { border-collapse: collapse; width: 100%; } - .max-table th, .max-table td { + .max-table th, .max-table td, :where([data-ui="maximalist"]) .ui-table th, :where([data-ui="maximalist"]) .ui-table td { text-align: left; border-bottom: 3px solid var(--max-border); padding: .95rem 1rem; } - .max-table th { + .max-table th, :where([data-ui="maximalist"]) .ui-table th { color: var(--max-text); text-transform: uppercase; letter-spacing: .08em; @@ -4544,11 +4544,11 @@ font-weight: 900; } - .max-table td { + .max-table td, :where([data-ui="maximalist"]) .ui-table td { color: var(--max-text-muted); } - .max-table tr:hover td { + .max-table tr:hover td, :where([data-ui="maximalist"]) .ui-table tr:hover td { background: rgb(var(--max-primary-rgb)/.045); } @@ -4933,7 +4933,7 @@ background-size: var(--bau-theme-bg-size); } - .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button { + .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link { font-family: var(--bau-font-heading); } @@ -4980,7 +4980,7 @@ height: 2px; } - .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card { + .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap { background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface); color: var(--bau-text); border: 2px solid var(--bau-border); @@ -4994,7 +4994,7 @@ padding: var(--bau-space-6); } - .bau-toolbar { + .bau-toolbar, :where([data-ui="bauhaus"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--bau-space-4); @@ -5111,11 +5111,11 @@ background: var(--bau-card-bg); } - .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { + .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { background: var(--bau-control-bg); } - .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { + .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link { font-family: var(--bau-font-control); } @@ -5269,7 +5269,7 @@ left: calc(100% - 1.56rem); } - .bau-badge { + .bau-badge, :where([data-ui="bauhaus"]) .ui-badge { align-items: center; gap: var(--bau-space-1); background: var(--bau-surface-soft); @@ -5284,37 +5284,37 @@ display: inline-flex; } - .bau-badge-primary { + .bau-badge-primary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--bau-primary); color: var(--bau-on-primary); border-color: var(--bau-primary); } - .bau-badge-secondary { + .bau-badge-secondary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--bau-secondary); color: var(--bau-on-secondary); border-color: var(--bau-secondary); } - .bau-badge-success { + .bau-badge-success, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--bau-success); color: var(--bau-on-success); border-color: var(--bau-success); } - .bau-badge-warning { + .bau-badge-warning, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--bau-warning); color: var(--bau-on-warning); border-color: var(--bau-warning); } - .bau-badge-danger { + .bau-badge-danger, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--bau-danger); color: var(--bau-on-danger); border-color: var(--bau-danger); } - .bau-nav { + .bau-nav, :where([data-ui="bauhaus"]) .ui-nav { align-items: center; gap: var(--bau-space-2); padding: var(--bau-space-2); @@ -5326,7 +5326,7 @@ display: flex; } - .bau-nav-link { + .bau-nav-link, :where([data-ui="bauhaus"]) .ui-nav-link { min-height: 2.5rem; color: var(--bau-text-muted); border-radius: var(--bau-radius-pill); @@ -5339,12 +5339,12 @@ display: inline-flex; } - .bau-nav-link:hover { + .bau-nav-link:hover, :where([data-ui="bauhaus"]) .ui-nav-link:hover { color: var(--bau-text); background: var(--bau-surface-soft); } - .bau-nav-link[aria-current="page"], .bau-nav-link.is-active { + .bau-nav-link[aria-current="page"], .bau-nav-link.is-active, :where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"], :where([data-ui="bauhaus"]) .ui-nav-link.is-active { color: var(--bau-on-primary); background: var(--bau-primary); } @@ -5375,7 +5375,7 @@ transform: rotate(45deg); } - .bau-progress { + .bau-progress, :where([data-ui="bauhaus"]) .ui-progress { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); border-radius: var(--bau-radius-pill); @@ -5384,14 +5384,14 @@ overflow: hidden; } - .bau-progress-bar { + .bau-progress-bar, :where([data-ui="bauhaus"]) .ui-progress-bar { height: 100%; width: var(--bau-progress-value, 50%); background: linear-gradient(90deg,var(--bau-primary),var(--bau-accent)); border-radius: inherit; } - .bau-alert { + .bau-alert, :where([data-ui="bauhaus"]) .ui-alert { gap: var(--bau-space-2); padding: var(--bau-space-4); background: var(--bau-surface); @@ -5402,45 +5402,45 @@ display: grid; } - .bau-alert-success { + .bau-alert-success, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--bau-success); } - .bau-alert-warning { + .bau-alert-warning, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--bau-warning); } - .bau-alert-danger { + .bau-alert-danger, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--bau-danger); } - .bau-alert-title { + .bau-alert-title, :where([data-ui="bauhaus"]) .ui-alert-title { margin: 0; font-weight: 900; } - .bau-alert-body { + .bau-alert-body, :where([data-ui="bauhaus"]) .ui-alert-body { color: var(--bau-text-muted); margin: 0; line-height: 1.55; } - .bau-table-wrap { + .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-table-wrap { overflow: auto; } - .bau-table { + .bau-table, :where([data-ui="bauhaus"]) .ui-table { border-collapse: collapse; width: 100%; } - .bau-table th, .bau-table td { + .bau-table th, .bau-table td, :where([data-ui="bauhaus"]) .ui-table th, :where([data-ui="bauhaus"]) .ui-table td { text-align: left; border-bottom: 2px solid var(--bau-border); padding: .95rem 1rem; } - .bau-table th { + .bau-table th, :where([data-ui="bauhaus"]) .ui-table th { color: var(--bau-text); text-transform: uppercase; letter-spacing: .08em; @@ -5449,11 +5449,11 @@ font-weight: 900; } - .bau-table td { + .bau-table td, :where([data-ui="bauhaus"]) .ui-table td { color: var(--bau-text-muted); } - .bau-table tr:hover td { + .bau-table tr:hover td, :where([data-ui="bauhaus"]) .ui-table tr:hover td { background: rgb(var(--bau-primary-rgb)/.045); } @@ -5830,7 +5830,7 @@ background-size: var(--tactile-theme-bg-size); } - .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button { + .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-badge, :where([data-ui="tactile"]) .ui-nav-link { font-family: var(--tactile-font-heading); } @@ -5876,7 +5876,7 @@ height: 1px; } - .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card { + .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface); color: var(--tactile-text); border: 1px solid var(--tactile-border); @@ -5890,7 +5890,7 @@ padding: var(--tactile-space-6); } - .tactile-toolbar { + .tactile-toolbar, :where([data-ui="tactile"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--tactile-space-4); @@ -6007,11 +6007,11 @@ background: var(--tactile-card-bg); } - .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { + .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { background: var(--tactile-control-bg); } - .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { + .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button, :where([data-ui="tactile"]) .ui-badge, :where([data-ui="tactile"]) .ui-nav-link { font-family: var(--tactile-font-control); } @@ -6165,7 +6165,7 @@ left: calc(100% - 1.56rem); } - .tactile-badge { + .tactile-badge, :where([data-ui="tactile"]) .ui-badge { align-items: center; gap: var(--tactile-space-1); background: var(--tactile-surface-soft); @@ -6180,37 +6180,37 @@ display: inline-flex; } - .tactile-badge-primary { + .tactile-badge-primary, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--tactile-primary); color: var(--tactile-on-primary); border-color: var(--tactile-primary); } - .tactile-badge-secondary { + .tactile-badge-secondary, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--tactile-secondary); color: var(--tactile-on-secondary); border-color: var(--tactile-secondary); } - .tactile-badge-success { + .tactile-badge-success, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--tactile-success); color: var(--tactile-on-success); border-color: var(--tactile-success); } - .tactile-badge-warning { + .tactile-badge-warning, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--tactile-warning); color: var(--tactile-on-warning); border-color: var(--tactile-warning); } - .tactile-badge-danger { + .tactile-badge-danger, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--tactile-danger); color: var(--tactile-on-danger); border-color: var(--tactile-danger); } - .tactile-nav { + .tactile-nav, :where([data-ui="tactile"]) .ui-nav { align-items: center; gap: var(--tactile-space-2); padding: var(--tactile-space-2); @@ -6222,7 +6222,7 @@ display: flex; } - .tactile-nav-link { + .tactile-nav-link, :where([data-ui="tactile"]) .ui-nav-link { min-height: 2.5rem; color: var(--tactile-text-muted); border-radius: var(--tactile-radius-pill); @@ -6235,12 +6235,12 @@ display: inline-flex; } - .tactile-nav-link:hover { + .tactile-nav-link:hover, :where([data-ui="tactile"]) .ui-nav-link:hover { color: var(--tactile-text); background: var(--tactile-surface-soft); } - .tactile-nav-link[aria-current="page"], .tactile-nav-link.is-active { + .tactile-nav-link[aria-current="page"], .tactile-nav-link.is-active, :where([data-ui="tactile"]) .ui-nav-link[aria-current="page"], :where([data-ui="tactile"]) .ui-nav-link.is-active { color: var(--tactile-on-primary); background: var(--tactile-primary); } @@ -6271,7 +6271,7 @@ transform: rotate(45deg); } - .tactile-progress { + .tactile-progress, :where([data-ui="tactile"]) .ui-progress { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); border-radius: var(--tactile-radius-pill); @@ -6280,14 +6280,14 @@ overflow: hidden; } - .tactile-progress-bar { + .tactile-progress-bar, :where([data-ui="tactile"]) .ui-progress-bar { height: 100%; width: var(--tactile-progress-value, 50%); background: linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent)); border-radius: inherit; } - .tactile-alert { + .tactile-alert, :where([data-ui="tactile"]) .ui-alert { gap: var(--tactile-space-2); padding: var(--tactile-space-4); background: var(--tactile-surface); @@ -6298,45 +6298,45 @@ display: grid; } - .tactile-alert-success { + .tactile-alert-success, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--tactile-success); } - .tactile-alert-warning { + .tactile-alert-warning, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--tactile-warning); } - .tactile-alert-danger { + .tactile-alert-danger, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--tactile-danger); } - .tactile-alert-title { + .tactile-alert-title, :where([data-ui="tactile"]) .ui-alert-title { margin: 0; font-weight: 900; } - .tactile-alert-body { + .tactile-alert-body, :where([data-ui="tactile"]) .ui-alert-body { color: var(--tactile-text-muted); margin: 0; line-height: 1.55; } - .tactile-table-wrap { + .tactile-table-wrap, :where([data-ui="tactile"]) .ui-table-wrap { overflow: auto; } - .tactile-table { + .tactile-table, :where([data-ui="tactile"]) .ui-table { border-collapse: collapse; width: 100%; } - .tactile-table th, .tactile-table td { + .tactile-table th, .tactile-table td, :where([data-ui="tactile"]) .ui-table th, :where([data-ui="tactile"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--tactile-border); padding: .95rem 1rem; } - .tactile-table th { + .tactile-table th, :where([data-ui="tactile"]) .ui-table th { color: var(--tactile-text); text-transform: uppercase; letter-spacing: .08em; @@ -6345,11 +6345,11 @@ font-weight: 900; } - .tactile-table td { + .tactile-table td, :where([data-ui="tactile"]) .ui-table td { color: var(--tactile-text-muted); } - .tactile-table tr:hover td { + .tactile-table tr:hover td, :where([data-ui="tactile"]) .ui-table tr:hover td { background: rgb(var(--tactile-primary-rgb)/.045); } @@ -6713,7 +6713,7 @@ background-size: var(--neo-theme-bg-size); } - .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button { + .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav-link { font-family: var(--neo-font-heading); } @@ -6759,7 +6759,7 @@ height: 1px; } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface); color: var(--neo-text); border: 1px solid var(--neo-border); @@ -6773,7 +6773,7 @@ padding: var(--neo-space-6); } - .neo-toolbar { + .neo-toolbar, :where([data-ui="neumorphism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--neo-space-4); @@ -6890,11 +6890,11 @@ background: var(--neo-card-bg); } - .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { background: var(--neo-control-bg); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav-link { font-family: var(--neo-font-control); } @@ -7048,7 +7048,7 @@ left: calc(100% - 1.56rem); } - .neo-badge { + .neo-badge, :where([data-ui="neumorphism"]) .ui-badge { align-items: center; gap: var(--neo-space-1); background: var(--neo-surface-soft); @@ -7063,37 +7063,37 @@ display: inline-flex; } - .neo-badge-primary { + .neo-badge-primary, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--neo-primary); color: var(--neo-on-primary); border-color: var(--neo-primary); } - .neo-badge-secondary { + .neo-badge-secondary, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--neo-secondary); color: var(--neo-on-secondary); border-color: var(--neo-secondary); } - .neo-badge-success { + .neo-badge-success, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--neo-success); color: var(--neo-on-success); border-color: var(--neo-success); } - .neo-badge-warning { + .neo-badge-warning, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--neo-warning); color: var(--neo-on-warning); border-color: var(--neo-warning); } - .neo-badge-danger { + .neo-badge-danger, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--neo-danger); color: var(--neo-on-danger); border-color: var(--neo-danger); } - .neo-nav { + .neo-nav, :where([data-ui="neumorphism"]) .ui-nav { align-items: center; gap: var(--neo-space-2); padding: var(--neo-space-2); @@ -7105,7 +7105,7 @@ display: flex; } - .neo-nav-link { + .neo-nav-link, :where([data-ui="neumorphism"]) .ui-nav-link { min-height: 2.5rem; color: var(--neo-text-muted); border-radius: var(--neo-radius-pill); @@ -7118,12 +7118,12 @@ display: inline-flex; } - .neo-nav-link:hover { + .neo-nav-link:hover, :where([data-ui="neumorphism"]) .ui-nav-link:hover { color: var(--neo-text); background: var(--neo-surface-soft); } - .neo-nav-link[aria-current="page"], .neo-nav-link.is-active { + .neo-nav-link[aria-current="page"], .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-nav-link[aria-current="page"], :where([data-ui="neumorphism"]) .ui-nav-link.is-active { color: var(--neo-on-primary); background: var(--neo-primary); } @@ -7153,7 +7153,7 @@ box-shadow: inset .12rem .12rem .24rem #0000001f; } - .neo-progress { + .neo-progress, :where([data-ui="neumorphism"]) .ui-progress { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); border-radius: var(--neo-radius-pill); @@ -7162,14 +7162,14 @@ overflow: hidden; } - .neo-progress-bar { + .neo-progress-bar, :where([data-ui="neumorphism"]) .ui-progress-bar { height: 100%; width: var(--neo-progress-value, 50%); background: linear-gradient(90deg,var(--neo-primary),var(--neo-accent)); border-radius: inherit; } - .neo-alert { + .neo-alert, :where([data-ui="neumorphism"]) .ui-alert { gap: var(--neo-space-2); padding: var(--neo-space-4); background: var(--neo-surface); @@ -7180,45 +7180,45 @@ display: grid; } - .neo-alert-success { + .neo-alert-success, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--neo-success); } - .neo-alert-warning { + .neo-alert-warning, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--neo-warning); } - .neo-alert-danger { + .neo-alert-danger, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--neo-danger); } - .neo-alert-title { + .neo-alert-title, :where([data-ui="neumorphism"]) .ui-alert-title { margin: 0; font-weight: 900; } - .neo-alert-body { + .neo-alert-body, :where([data-ui="neumorphism"]) .ui-alert-body { color: var(--neo-text-muted); margin: 0; line-height: 1.55; } - .neo-table-wrap { + .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-table-wrap { overflow: auto; } - .neo-table { + .neo-table, :where([data-ui="neumorphism"]) .ui-table { border-collapse: collapse; width: 100%; } - .neo-table th, .neo-table td { + .neo-table th, .neo-table td, :where([data-ui="neumorphism"]) .ui-table th, :where([data-ui="neumorphism"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--neo-border); padding: .95rem 1rem; } - .neo-table th { + .neo-table th, :where([data-ui="neumorphism"]) .ui-table th { color: var(--neo-text); text-transform: uppercase; letter-spacing: .08em; @@ -7227,11 +7227,11 @@ font-weight: 900; } - .neo-table td { + .neo-table td, :where([data-ui="neumorphism"]) .ui-table td { color: var(--neo-text-muted); } - .neo-table tr:hover td { + .neo-table tr:hover td, :where([data-ui="neumorphism"]) .ui-table tr:hover td { background: rgb(var(--neo-primary-rgb)/.045); } @@ -7337,7 +7337,7 @@ background: var(--neo-bg); } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap { border-color: rgb(var(--neo-border-rgb)/.14); box-shadow: 10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light); } @@ -7346,15 +7346,15 @@ box-shadow: 16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light); } - .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { + .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select, :where([data-ui="neumorphism"]) .ui-progress { box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav { box-shadow: 5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light); } - .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active, :where([data-ui="neumorphism"]) .ui-nav-link.is-active { box-shadow: inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light); } @@ -7615,7 +7615,7 @@ background-size: var(--retro-theme-bg-size); } - .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button { + .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-badge, :where([data-ui="retrofuturism"]) .ui-nav-link { font-family: var(--retro-font-heading); } @@ -7661,7 +7661,7 @@ height: 1px; } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface); color: var(--retro-text); border: 1px solid var(--retro-border); @@ -7675,7 +7675,7 @@ padding: var(--retro-space-6); } - .retro-toolbar { + .retro-toolbar, :where([data-ui="retrofuturism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--retro-space-4); @@ -7792,11 +7792,11 @@ background: var(--retro-card-bg); } - .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { + .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { background: var(--retro-control-bg); } - .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { + .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button, :where([data-ui="retrofuturism"]) .ui-badge, :where([data-ui="retrofuturism"]) .ui-nav-link { font-family: var(--retro-font-control); } @@ -7950,7 +7950,7 @@ left: calc(100% - 1.56rem); } - .retro-badge { + .retro-badge, :where([data-ui="retrofuturism"]) .ui-badge { align-items: center; gap: var(--retro-space-1); background: var(--retro-surface-soft); @@ -7965,37 +7965,37 @@ display: inline-flex; } - .retro-badge-primary { + .retro-badge-primary, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--retro-primary); color: var(--retro-on-primary); border-color: var(--retro-primary); } - .retro-badge-secondary { + .retro-badge-secondary, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--retro-secondary); color: var(--retro-on-secondary); border-color: var(--retro-secondary); } - .retro-badge-success { + .retro-badge-success, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--retro-success); color: var(--retro-on-success); border-color: var(--retro-success); } - .retro-badge-warning { + .retro-badge-warning, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--retro-warning); color: var(--retro-on-warning); border-color: var(--retro-warning); } - .retro-badge-danger { + .retro-badge-danger, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--retro-danger); color: var(--retro-on-danger); border-color: var(--retro-danger); } - .retro-nav { + .retro-nav, :where([data-ui="retrofuturism"]) .ui-nav { align-items: center; gap: var(--retro-space-2); padding: var(--retro-space-2); @@ -8007,7 +8007,7 @@ display: flex; } - .retro-nav-link { + .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-nav-link { min-height: 2.5rem; color: var(--retro-text-muted); border-radius: var(--retro-radius-pill); @@ -8020,12 +8020,12 @@ display: inline-flex; } - .retro-nav-link:hover { + .retro-nav-link:hover, :where([data-ui="retrofuturism"]) .ui-nav-link:hover { color: var(--retro-text); background: var(--retro-surface-soft); } - .retro-nav-link[aria-current="page"], .retro-nav-link.is-active { + .retro-nav-link[aria-current="page"], .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-nav-link[aria-current="page"], :where([data-ui="retrofuturism"]) .ui-nav-link.is-active { color: var(--retro-on-primary); background: var(--retro-primary); } @@ -8057,7 +8057,7 @@ flex: none; } - .retro-progress { + .retro-progress, :where([data-ui="retrofuturism"]) .ui-progress { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); border-radius: var(--retro-radius-pill); @@ -8066,14 +8066,14 @@ overflow: hidden; } - .retro-progress-bar { + .retro-progress-bar, :where([data-ui="retrofuturism"]) .ui-progress-bar { height: 100%; width: var(--retro-progress-value, 50%); background: linear-gradient(90deg,var(--retro-primary),var(--retro-accent)); border-radius: inherit; } - .retro-alert { + .retro-alert, :where([data-ui="retrofuturism"]) .ui-alert { gap: var(--retro-space-2); padding: var(--retro-space-4); background: var(--retro-surface); @@ -8084,45 +8084,45 @@ display: grid; } - .retro-alert-success { + .retro-alert-success, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--retro-success); } - .retro-alert-warning { + .retro-alert-warning, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--retro-warning); } - .retro-alert-danger { + .retro-alert-danger, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--retro-danger); } - .retro-alert-title { + .retro-alert-title, :where([data-ui="retrofuturism"]) .ui-alert-title { margin: 0; font-weight: 900; } - .retro-alert-body { + .retro-alert-body, :where([data-ui="retrofuturism"]) .ui-alert-body { color: var(--retro-text-muted); margin: 0; line-height: 1.55; } - .retro-table-wrap { + .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-table-wrap { overflow: auto; } - .retro-table { + .retro-table, :where([data-ui="retrofuturism"]) .ui-table { border-collapse: collapse; width: 100%; } - .retro-table th, .retro-table td { + .retro-table th, .retro-table td, :where([data-ui="retrofuturism"]) .ui-table th, :where([data-ui="retrofuturism"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--retro-border); padding: .95rem 1rem; } - .retro-table th { + .retro-table th, :where([data-ui="retrofuturism"]) .ui-table th { color: var(--retro-text); text-transform: uppercase; letter-spacing: .08em; @@ -8131,11 +8131,11 @@ font-weight: 900; } - .retro-table td { + .retro-table td, :where([data-ui="retrofuturism"]) .ui-table td { color: var(--retro-text-muted); } - .retro-table tr:hover td { + .retro-table tr:hover td, :where([data-ui="retrofuturism"]) .ui-table tr:hover td { background: rgb(var(--retro-primary-rgb)/.045); } @@ -8238,12 +8238,12 @@ text-shadow: 0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16); } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface); box-shadow: 0 18px 48px rgb(0 0 0 / var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14); } - .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { + .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-nav-link.is-active { box-shadow: 0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22); } @@ -8572,7 +8572,7 @@ } } - .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button { + .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-badge, :where([data-ui="brutalism"]) .ui-nav-link { font-family: var(--brutal-font-heading); text-transform: uppercase; } @@ -8611,7 +8611,7 @@ color: var(--brutal-text-muted); } - .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card { + .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap { background: var(--brutal-surface-strong); color: var(--brutal-text); border: 3px solid var(--brutal-border); @@ -8624,7 +8624,7 @@ padding: var(--brutal-space-6); } - .brutal-toolbar { + .brutal-toolbar, :where([data-ui="brutalism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--brutal-space-4); @@ -8727,11 +8727,11 @@ background: var(--brutal-card-bg); } - .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { + .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { background: var(--brutal-control-bg); } - .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { + .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button, :where([data-ui="brutalism"]) .ui-badge, :where([data-ui="brutalism"]) .ui-nav-link { font-family: var(--brutal-font-control); } @@ -8775,7 +8775,7 @@ font-size: .9rem; } - .brutal-badge { + .brutal-badge, :where([data-ui="brutalism"]) .ui-badge { background: var(--brutal-surface-strong); min-height: 1.8rem; color: var(--brutal-text); @@ -8788,32 +8788,32 @@ display: inline-flex; } - .brutal-badge-primary { + .brutal-badge-primary, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--brutal-primary); color: var(--brutal-on-primary); } - .brutal-badge-secondary { + .brutal-badge-secondary, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--brutal-secondary); color: var(--brutal-on-secondary); } - .brutal-badge-success { + .brutal-badge-success, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--brutal-success); color: var(--brutal-on-success); } - .brutal-badge-warning { + .brutal-badge-warning, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--brutal-warning); color: var(--brutal-on-warning); } - .brutal-badge-danger { + .brutal-badge-danger, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--brutal-danger); color: var(--brutal-on-danger); } - .brutal-nav { + .brutal-nav, :where([data-ui="brutalism"]) .ui-nav { gap: var(--brutal-space-2); padding: var(--brutal-space-2); background: var(--brutal-surface-strong); @@ -8823,7 +8823,7 @@ display: flex; } - .brutal-nav-link { + .brutal-nav-link, :where([data-ui="brutalism"]) .ui-nav-link { min-height: 2.5rem; color: var(--brutal-text); border: 3px solid #0000; @@ -8834,12 +8834,12 @@ display: inline-flex; } - .brutal-nav-link:hover { + .brutal-nav-link:hover, :where([data-ui="brutalism"]) .ui-nav-link:hover { border-color: var(--brutal-border); background: var(--brutal-surface-soft); } - .brutal-nav-link.is-active, .brutal-nav-link[aria-current="page"] { + .brutal-nav-link.is-active, .brutal-nav-link[aria-current="page"], :where([data-ui="brutalism"]) .ui-nav-link.is-active, :where([data-ui="brutalism"]) .ui-nav-link[aria-current="page"] { background: var(--brutal-primary); color: var(--brutal-on-primary); border-color: var(--brutal-border); @@ -8872,66 +8872,66 @@ transform: rotate(45deg); } - .brutal-progress { + .brutal-progress, :where([data-ui="brutalism"]) .ui-progress { background: var(--brutal-surface-soft); border: 3px solid var(--brutal-border); width: 100%; height: 1rem; } - .brutal-progress-bar { + .brutal-progress-bar, :where([data-ui="brutalism"]) .ui-progress-bar { height: 100%; width: var(--brutal-progress-value, 50%); background: var(--brutal-primary); } - .brutal-alert { + .brutal-alert, :where([data-ui="brutalism"]) .ui-alert { padding: var(--brutal-space-4); background: var(--brutal-surface-strong); border: 3px solid var(--brutal-border); box-shadow: 8px 8px 0 var(--brutal-accent); } - .brutal-alert-success { + .brutal-alert-success, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="success"]) { box-shadow: 8px 8px 0 var(--brutal-success); } - .brutal-alert-warning { + .brutal-alert-warning, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="warning"]) { box-shadow: 8px 8px 0 var(--brutal-warning); } - .brutal-alert-danger { + .brutal-alert-danger, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="danger"]) { box-shadow: 8px 8px 0 var(--brutal-danger); } - .brutal-alert-title { + .brutal-alert-title, :where([data-ui="brutalism"]) .ui-alert-title { text-transform: uppercase; margin: 0; font-weight: 900; } - .brutal-alert-body { + .brutal-alert-body, :where([data-ui="brutalism"]) .ui-alert-body { color: var(--brutal-text-muted); margin: .5rem 0 0; } - .brutal-table-wrap { + .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-table-wrap { box-shadow: 8px 8px 0 var(--brutal-primary); overflow: auto; } - .brutal-table { + .brutal-table, :where([data-ui="brutalism"]) .ui-table { border-collapse: collapse; width: 100%; } - .brutal-table th, .brutal-table td { + .brutal-table th, .brutal-table td, :where([data-ui="brutalism"]) .ui-table th, :where([data-ui="brutalism"]) .ui-table td { border: 2px solid var(--brutal-border); text-align: left; padding: .9rem 1rem; } - .brutal-table th { + .brutal-table th, :where([data-ui="brutalism"]) .ui-table th { background: var(--brutal-primary); color: var(--brutal-on-primary); text-transform: uppercase; @@ -9205,7 +9205,7 @@ color: var(--cyber-on-primary); } - .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button { + .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link { font-family: var(--cyber-font-heading); text-transform: uppercase; } @@ -9243,7 +9243,7 @@ color: var(--cyber-text-muted); } - .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card { + .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap { background: linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface); color: var(--cyber-text); border: 1px solid var(--cyber-border); @@ -9255,7 +9255,7 @@ overflow: hidden; } - .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before { + .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before, :where([data-ui="cyberpunk"]) .ui-toolbar:before { content: ""; pointer-events: none; border-top: 2px solid rgb(var(--cyber-primary-rgb)/.5); @@ -9272,7 +9272,7 @@ background: linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong); } - .cyber-toolbar { + .cyber-toolbar, :where([data-ui="cyberpunk"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--cyber-space-4); @@ -9402,7 +9402,7 @@ font-size: .9rem; } - .cyber-badge { + .cyber-badge, :where([data-ui="cyberpunk"]) .ui-badge { background: var(--cyber-surface); min-height: 1.8rem; color: var(--cyber-text); @@ -9417,32 +9417,32 @@ display: inline-flex; } - .cyber-badge-primary { + .cyber-badge-primary, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--cyber-primary); color: var(--cyber-on-primary); } - .cyber-badge-secondary { + .cyber-badge-secondary, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--cyber-secondary); color: var(--cyber-on-secondary); } - .cyber-badge-success { + .cyber-badge-success, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--cyber-success); color: var(--cyber-on-success); } - .cyber-badge-warning { + .cyber-badge-warning, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--cyber-warning); color: var(--cyber-on-warning); } - .cyber-badge-danger { + .cyber-badge-danger, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--cyber-danger); color: var(--cyber-on-danger); } - .cyber-nav { + .cyber-nav, :where([data-ui="cyberpunk"]) .ui-nav { gap: var(--cyber-space-2); padding: var(--cyber-space-2); background: var(--cyber-surface); @@ -9453,7 +9453,7 @@ display: flex; } - .cyber-nav-link { + .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-nav-link { min-height: 2.5rem; color: var(--cyber-text-muted); border-radius: var(--cyber-radius-xs); @@ -9466,12 +9466,12 @@ display: inline-flex; } - .cyber-nav-link:hover { + .cyber-nav-link:hover, :where([data-ui="cyberpunk"]) .ui-nav-link:hover { color: var(--cyber-text); border-color: rgb(var(--cyber-primary-rgb)/.48); } - .cyber-nav-link.is-active, .cyber-nav-link[aria-current="page"] { + .cyber-nav-link.is-active, .cyber-nav-link[aria-current="page"], :where([data-ui="cyberpunk"]) .ui-nav-link.is-active, :where([data-ui="cyberpunk"]) .ui-nav-link[aria-current="page"] { background: var(--cyber-primary); color: var(--cyber-on-primary); border-color: var(--cyber-primary); @@ -9506,7 +9506,7 @@ flex: none; } - .cyber-progress { + .cyber-progress, :where([data-ui="cyberpunk"]) .ui-progress { background: var(--cyber-surface-soft); border: 1px solid var(--cyber-border); width: 100%; @@ -9514,14 +9514,14 @@ box-shadow: inset 0 0 18px #0000002e; } - .cyber-progress-bar { + .cyber-progress-bar, :where([data-ui="cyberpunk"]) .ui-progress-bar { height: 100%; width: var(--cyber-progress-value, 50%); background: linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent)); box-shadow: 0 0 18px var(--cyber-glow-primary); } - .cyber-alert { + .cyber-alert, :where([data-ui="cyberpunk"]) .ui-alert { padding: var(--cyber-space-4); background: var(--cyber-surface); border: 1px solid var(--cyber-border); @@ -9529,56 +9529,56 @@ box-shadow: var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary); } - .cyber-alert-success { + .cyber-alert-success, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--cyber-success); } - .cyber-alert-warning { + .cyber-alert-warning, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--cyber-warning); } - .cyber-alert-danger { + .cyber-alert-danger, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--cyber-danger); } - .cyber-alert-title { + .cyber-alert-title, :where([data-ui="cyberpunk"]) .ui-alert-title { font-family: var(--cyber-font-heading); text-transform: uppercase; margin: 0; } - .cyber-alert-body { + .cyber-alert-body, :where([data-ui="cyberpunk"]) .ui-alert-body { color: var(--cyber-text-muted); margin: .5rem 0 0; } - .cyber-table-wrap { + .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-table-wrap { overflow: auto; } - .cyber-table { + .cyber-table, :where([data-ui="cyberpunk"]) .ui-table { border-collapse: collapse; width: 100%; } - .cyber-table th, .cyber-table td { + .cyber-table th, .cyber-table td, :where([data-ui="cyberpunk"]) .ui-table th, :where([data-ui="cyberpunk"]) .ui-table td { border-bottom: 1px solid rgb(var(--cyber-border-rgb)/.38); text-align: left; padding: .9rem 1rem; } - .cyber-table th { + .cyber-table th, :where([data-ui="cyberpunk"]) .ui-table th { background: rgb(var(--cyber-primary-rgb)/.12); font-family: var(--cyber-font-heading); text-transform: uppercase; letter-spacing: .1em; } - .cyber-table td { + .cyber-table td, :where([data-ui="cyberpunk"]) .ui-table td { color: var(--cyber-text-muted); } - .cyber-table tr:hover td { + .cyber-table tr:hover td, :where([data-ui="cyberpunk"]) .ui-table tr:hover td { background: rgb(var(--cyber-primary-rgb)/.06); } @@ -9611,7 +9611,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible, :where([data-ui="cyberpunk"]) .ui-nav-link:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -9626,11 +9626,11 @@ background: var(--cyber-card-bg); } - .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { + .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { background: var(--cyber-control-bg); } - .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { + .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link { font-family: var(--cyber-font-control); } @@ -9911,7 +9911,7 @@ color: var(--y2k-on-primary); } - .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button { + .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link { font-family: var(--y2k-font-heading); } @@ -9949,7 +9949,7 @@ color: var(--y2k-text-muted); } - .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card { + .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap { background: linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface); color: var(--y2k-text); border: 1px solid #ffffff61; @@ -9974,7 +9974,7 @@ padding: var(--y2k-space-6); } - .y2k-toolbar { + .y2k-toolbar, :where([data-ui="y2k"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--y2k-space-4); @@ -10099,7 +10099,7 @@ font-size: .9rem; } - .y2k-badge { + .y2k-badge, :where([data-ui="y2k"]) .ui-badge { background: linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong); min-height: 1.8rem; color: var(--y2k-text); @@ -10113,32 +10113,32 @@ display: inline-flex; } - .y2k-badge-primary { + .y2k-badge-primary, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--y2k-primary); color: var(--y2k-on-primary); } - .y2k-badge-secondary { + .y2k-badge-secondary, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--y2k-secondary); color: var(--y2k-on-secondary); } - .y2k-badge-success { + .y2k-badge-success, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--y2k-success); color: var(--y2k-on-success); } - .y2k-badge-warning { + .y2k-badge-warning, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--y2k-warning); color: var(--y2k-on-warning); } - .y2k-badge-danger { + .y2k-badge-danger, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--y2k-danger); color: var(--y2k-on-danger); } - .y2k-nav { + .y2k-nav, :where([data-ui="y2k"]) .ui-nav { gap: var(--y2k-space-2); padding: var(--y2k-space-2); background: linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface); @@ -10149,7 +10149,7 @@ display: flex; } - .y2k-nav-link { + .y2k-nav-link, :where([data-ui="y2k"]) .ui-nav-link { min-height: 2.5rem; color: var(--y2k-text-muted); border-radius: var(--y2k-radius-pill); @@ -10160,12 +10160,12 @@ display: inline-flex; } - .y2k-nav-link:hover { + .y2k-nav-link:hover, :where([data-ui="y2k"]) .ui-nav-link:hover { color: var(--y2k-text); background: #ffffff29; } - .y2k-nav-link.is-active, .y2k-nav-link[aria-current="page"] { + .y2k-nav-link.is-active, .y2k-nav-link[aria-current="page"], :where([data-ui="y2k"]) .ui-nav-link.is-active, :where([data-ui="y2k"]) .ui-nav-link[aria-current="page"] { background: var(--y2k-primary); color: var(--y2k-on-primary); box-shadow: 0 0 20px var(--y2k-glow-primary); @@ -10196,7 +10196,7 @@ flex: none; } - .y2k-progress { + .y2k-progress, :where([data-ui="y2k"]) .ui-progress { background: var(--y2k-surface-soft); border-radius: var(--y2k-radius-pill); width: 100%; @@ -10205,14 +10205,14 @@ box-shadow: inset 0 6px 14px #0000001f; } - .y2k-progress-bar { + .y2k-progress-bar, :where([data-ui="y2k"]) .ui-progress-bar { height: 100%; width: var(--y2k-progress-value, 50%); background: linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary)); border-radius: inherit; } - .y2k-alert { + .y2k-alert, :where([data-ui="y2k"]) .ui-alert { padding: var(--y2k-space-4); background: var(--y2k-surface); border-radius: var(--y2k-radius-xl); @@ -10220,49 +10220,49 @@ border: 1px solid #ffffff61; } - .y2k-alert-title { + .y2k-alert-title, :where([data-ui="y2k"]) .ui-alert-title { margin: 0; font-weight: 900; } - .y2k-alert-body { + .y2k-alert-body, :where([data-ui="y2k"]) .ui-alert-body { color: var(--y2k-text-muted); margin: .5rem 0 0; } - .y2k-alert-success { + .y2k-alert-success, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="success"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2); } - .y2k-alert-warning { + .y2k-alert-warning, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="warning"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2); } - .y2k-alert-danger { + .y2k-alert-danger, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="danger"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2); } - .y2k-table-wrap { + .y2k-table-wrap, :where([data-ui="y2k"]) .ui-table-wrap { overflow: auto; } - .y2k-table { + .y2k-table, :where([data-ui="y2k"]) .ui-table { border-collapse: collapse; width: 100%; } - .y2k-table th, .y2k-table td { + .y2k-table th, .y2k-table td, :where([data-ui="y2k"]) .ui-table th, :where([data-ui="y2k"]) .ui-table td { border-bottom: 1px solid rgb(var(--y2k-border-rgb)/.34); text-align: left; padding: .9rem 1rem; } - .y2k-table th { + .y2k-table th, :where([data-ui="y2k"]) .ui-table th { background: #ffffff29; font-weight: 900; } - .y2k-table td { + .y2k-table td, :where([data-ui="y2k"]) .ui-table td { color: var(--y2k-text-muted); } @@ -10306,11 +10306,11 @@ background: var(--y2k-card-bg); } - .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { + .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { background: var(--y2k-control-bg); } - .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { + .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link { font-family: var(--y2k-font-control); } @@ -10590,7 +10590,7 @@ color: var(--rg-on-primary); } - .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button { + .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-badge, :where([data-ui="retro-glass"]) .ui-nav-link { font-family: var(--rg-font-heading); text-transform: uppercase; } @@ -10627,7 +10627,7 @@ color: var(--rg-text-muted); } - .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card { + .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap { background: linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface); color: var(--rg-text); border: 1px solid var(--rg-border); @@ -10658,7 +10658,7 @@ box-shadow: var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary); } - .rg-toolbar { + .rg-toolbar, :where([data-ui="retro-glass"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--rg-space-4); @@ -10793,7 +10793,7 @@ font-size: .9rem; } - .rg-badge { + .rg-badge, :where([data-ui="retro-glass"]) .ui-badge { background: linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface); min-height: 1.8rem; color: var(--rg-text); @@ -10809,32 +10809,32 @@ display: inline-flex; } - .rg-badge-primary { + .rg-badge-primary, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--rg-primary); color: var(--rg-on-primary); } - .rg-badge-secondary { + .rg-badge-secondary, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--rg-secondary); color: var(--rg-on-secondary); } - .rg-badge-success { + .rg-badge-success, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--rg-success); color: var(--rg-on-success); } - .rg-badge-warning { + .rg-badge-warning, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--rg-warning); color: var(--rg-on-warning); } - .rg-badge-danger { + .rg-badge-danger, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--rg-danger); color: var(--rg-on-danger); } - .rg-nav { + .rg-nav, :where([data-ui="retro-glass"]) .ui-nav { gap: var(--rg-space-2); padding: var(--rg-space-2); background: linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface); @@ -10846,7 +10846,7 @@ display: flex; } - .rg-nav-link { + .rg-nav-link, :where([data-ui="retro-glass"]) .ui-nav-link { min-height: 2.5rem; color: var(--rg-text-muted); border-radius: var(--rg-radius-pill); @@ -10859,13 +10859,13 @@ display: inline-flex; } - .rg-nav-link:hover { + .rg-nav-link:hover, :where([data-ui="retro-glass"]) .ui-nav-link:hover { color: var(--rg-text); border-color: rgb(var(--rg-primary-rgb)/.36); background: #ffffff1a; } - .rg-nav-link.is-active, .rg-nav-link[aria-current="page"] { + .rg-nav-link.is-active, .rg-nav-link[aria-current="page"], :where([data-ui="retro-glass"]) .ui-nav-link.is-active, :where([data-ui="retro-glass"]) .ui-nav-link[aria-current="page"] { background: var(--rg-primary); color: var(--rg-on-primary); box-shadow: 0 0 22px var(--rg-glow-primary); @@ -10899,7 +10899,7 @@ transform: rotate(45deg); } - .rg-progress { + .rg-progress, :where([data-ui="retro-glass"]) .ui-progress { background: var(--rg-surface-soft); border: 1px solid rgb(var(--rg-border-rgb)/.4); border-radius: var(--rg-radius-pill); @@ -10909,7 +10909,7 @@ box-shadow: inset 0 8px 18px #00000024; } - .rg-progress-bar { + .rg-progress-bar, :where([data-ui="retro-glass"]) .ui-progress-bar { height: 100%; width: var(--rg-progress-value, 50%); background: linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary)); @@ -10917,7 +10917,7 @@ box-shadow: 0 0 18px var(--rg-glow-primary); } - .rg-alert { + .rg-alert, :where([data-ui="retro-glass"]) .ui-alert { padding: var(--rg-space-4); background: var(--rg-surface); border: 1px solid var(--rg-border); @@ -10926,52 +10926,52 @@ backdrop-filter: blur(16px); } - .rg-alert-title { + .rg-alert-title, :where([data-ui="retro-glass"]) .ui-alert-title { font-family: var(--rg-font-heading); text-transform: uppercase; margin: 0; } - .rg-alert-body { + .rg-alert-body, :where([data-ui="retro-glass"]) .ui-alert-body { color: var(--rg-text-muted); margin: .5rem 0 0; } - .rg-alert-success { + .rg-alert-success, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="success"]) { border-left: 4px solid var(--rg-success); } - .rg-alert-warning { + .rg-alert-warning, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="warning"]) { border-left: 4px solid var(--rg-warning); } - .rg-alert-danger { + .rg-alert-danger, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="danger"]) { border-left: 4px solid var(--rg-danger); } - .rg-table-wrap { + .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-table-wrap { overflow: auto; } - .rg-table { + .rg-table, :where([data-ui="retro-glass"]) .ui-table { border-collapse: collapse; width: 100%; } - .rg-table th, .rg-table td { + .rg-table th, .rg-table td, :where([data-ui="retro-glass"]) .ui-table th, :where([data-ui="retro-glass"]) .ui-table td { border-bottom: 1px solid rgb(var(--rg-border-rgb)/.34); text-align: left; padding: .9rem 1rem; } - .rg-table th { + .rg-table th, :where([data-ui="retro-glass"]) .ui-table th { background: rgb(var(--rg-primary-rgb)/.1); font-family: var(--rg-font-heading); text-transform: uppercase; letter-spacing: .1em; } - .rg-table td { + .rg-table td, :where([data-ui="retro-glass"]) .ui-table td { color: var(--rg-text-muted); } @@ -11023,11 +11023,11 @@ background: var(--rg-card-bg); } - .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { + .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { background: var(--rg-control-bg); } - .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { + .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button, :where([data-ui="retro-glass"]) .ui-badge, :where([data-ui="retro-glass"]) .ui-nav-link { font-family: var(--rg-font-control); } diff --git a/dist/ui-style-kit.with-bridge.min.css b/dist/ui-style-kit.with-bridge.min.css index 3426f47..93359f5 100644 --- a/dist/ui-style-kit.with-bridge.min.css +++ b/dist/ui-style-kit.with-bridge.min.css @@ -4,4 +4,4 @@ * License: MIT */ @layer ui-style-kit.theme_colors, ui-style-kit.native_elements, ui-style-kit.components, ui-style-kit.presets, ui-style-kit.compat_layout; -@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{font-family:var(--saas-font-control)}.saas-field,:where([data-ui=minimal-saas]) .ui-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label,:where([data-ui=minimal-saas]) .ui-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select,:where([data-ui=minimal-saas]) .ui-input,:where([data-ui=minimal-saas]) .ui-textarea,:where([data-ui=minimal-saas]) .ui-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea,:where([data-ui=minimal-saas]) .ui-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder,:where([data-ui=minimal-saas]) .ui-input::placeholder,:where([data-ui=minimal-saas]) .ui-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover,:where([data-ui=minimal-saas]) .ui-input:hover,:where([data-ui=minimal-saas]) .ui-textarea:hover,:where([data-ui=minimal-saas]) .ui-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus,:where([data-ui=minimal-saas]) .ui-input:focus,:where([data-ui=minimal-saas]) .ui-textarea:focus,:where([data-ui=minimal-saas]) .ui-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text,:where([data-ui=minimal-saas]) .ui-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio,:where([data-ui=minimal-saas]) .ui-check,:where([data-ui=minimal-saas]) .ui-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input,:where([data-ui=minimal-saas]) .ui-check input,:where([data-ui=minimal-saas]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check-control,:where([data-ui=minimal-saas]) .ui-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control,:where([data-ui=minimal-saas]) .ui-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control,:where([data-ui=minimal-saas]) .ui-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch,:where([data-ui=minimal-saas]) .ui-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input,:where([data-ui=minimal-saas]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary{background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success{background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning{background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger{background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success{border-left-color:var(--saas-success)}.saas-alert-warning{border-left-color:var(--saas-warning)}.saas-alert-danger{border-left-color:var(--saas-danger)}.saas-alert-title{margin:0;font-weight:900}.saas-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap{overflow:auto}.saas-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td{color:var(--saas-text-muted)}.saas-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{font-family:var(--bento-font-control)}.bento-field,:where([data-ui=bento]) .ui-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label,:where([data-ui=bento]) .ui-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select,:where([data-ui=bento]) .ui-input,:where([data-ui=bento]) .ui-textarea,:where([data-ui=bento]) .ui-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea,:where([data-ui=bento]) .ui-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder,:where([data-ui=bento]) .ui-input::placeholder,:where([data-ui=bento]) .ui-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover,:where([data-ui=bento]) .ui-input:hover,:where([data-ui=bento]) .ui-textarea:hover,:where([data-ui=bento]) .ui-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus,:where([data-ui=bento]) .ui-input:focus,:where([data-ui=bento]) .ui-textarea:focus,:where([data-ui=bento]) .ui-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text,:where([data-ui=bento]) .ui-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio,:where([data-ui=bento]) .ui-check,:where([data-ui=bento]) .ui-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input,:where([data-ui=bento]) .ui-check input,:where([data-ui=bento]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control,:where([data-ui=bento]) .ui-check-control,:where([data-ui=bento]) .ui-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control,:where([data-ui=bento]) .ui-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control,:where([data-ui=bento]) .ui-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch,:where([data-ui=bento]) .ui-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input,:where([data-ui=bento]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track,:where([data-ui=bento]) .ui-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb,:where([data-ui=bento]) .ui-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary{background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success{background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning{background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger{background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success{border-left-color:var(--bento-success)}.bento-alert-warning{border-left-color:var(--bento-warning)}.bento-alert-danger{border-left-color:var(--bento-danger)}.bento-alert-title{margin:0;font-weight:900}.bento-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap{overflow:auto}.bento-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td{color:var(--bento-text-muted)}.bento-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{font-family:var(--max-font-control)}.max-field,:where([data-ui=maximalist]) .ui-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label,:where([data-ui=maximalist]) .ui-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select,:where([data-ui=maximalist]) .ui-input,:where([data-ui=maximalist]) .ui-textarea,:where([data-ui=maximalist]) .ui-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea,:where([data-ui=maximalist]) .ui-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder,:where([data-ui=maximalist]) .ui-input::placeholder,:where([data-ui=maximalist]) .ui-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover,:where([data-ui=maximalist]) .ui-input:hover,:where([data-ui=maximalist]) .ui-textarea:hover,:where([data-ui=maximalist]) .ui-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus,:where([data-ui=maximalist]) .ui-input:focus,:where([data-ui=maximalist]) .ui-textarea:focus,:where([data-ui=maximalist]) .ui-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text,:where([data-ui=maximalist]) .ui-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio,:where([data-ui=maximalist]) .ui-check,:where([data-ui=maximalist]) .ui-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input,:where([data-ui=maximalist]) .ui-check input,:where([data-ui=maximalist]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control,:where([data-ui=maximalist]) .ui-check-control,:where([data-ui=maximalist]) .ui-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control,:where([data-ui=maximalist]) .ui-check-control{border-radius:var(--max-radius-xs)}.max-radio-control,:where([data-ui=maximalist]) .ui-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch,:where([data-ui=maximalist]) .ui-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input,:where([data-ui=maximalist]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track,:where([data-ui=maximalist]) .ui-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb,:where([data-ui=maximalist]) .ui-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary{background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary{background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success{background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning{background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger{background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success{border-left-color:var(--max-success)}.max-alert-warning{border-left-color:var(--max-warning)}.max-alert-danger{border-left-color:var(--max-danger)}.max-alert-title{margin:0;font-weight:900}.max-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap{overflow:auto}.max-table{border-collapse:collapse;width:100%}.max-table th,.max-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td{color:var(--max-text-muted)}.max-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{font-family:var(--bau-font-control)}.bau-field,:where([data-ui=bauhaus]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui=bauhaus]) .ui-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select,:where([data-ui=bauhaus]) .ui-input,:where([data-ui=bauhaus]) .ui-textarea,:where([data-ui=bauhaus]) .ui-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea,:where([data-ui=bauhaus]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui=bauhaus]) .ui-input::placeholder,:where([data-ui=bauhaus]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui=bauhaus]) .ui-input:hover,:where([data-ui=bauhaus]) .ui-textarea:hover,:where([data-ui=bauhaus]) .ui-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui=bauhaus]) .ui-input:focus,:where([data-ui=bauhaus]) .ui-textarea:focus,:where([data-ui=bauhaus]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text,:where([data-ui=bauhaus]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui=bauhaus]) .ui-check,:where([data-ui=bauhaus]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui=bauhaus]) .ui-check input,:where([data-ui=bauhaus]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui=bauhaus]) .ui-check-control,:where([data-ui=bauhaus]) .ui-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control,:where([data-ui=bauhaus]) .ui-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control,:where([data-ui=bauhaus]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui=bauhaus]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui=bauhaus]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary{background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success{background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning{background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger{background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success{border-left-color:var(--bau-success)}.bau-alert-warning{border-left-color:var(--bau-warning)}.bau-alert-danger{border-left-color:var(--bau-danger)}.bau-alert-title{margin:0;font-weight:900}.bau-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap{overflow:auto}.bau-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td{color:var(--bau-text-muted)}.bau-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{font-family:var(--tactile-font-control)}.tactile-field,:where([data-ui=tactile]) .ui-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label,:where([data-ui=tactile]) .ui-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select,:where([data-ui=tactile]) .ui-input,:where([data-ui=tactile]) .ui-textarea,:where([data-ui=tactile]) .ui-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea,:where([data-ui=tactile]) .ui-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder,:where([data-ui=tactile]) .ui-input::placeholder,:where([data-ui=tactile]) .ui-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover,:where([data-ui=tactile]) .ui-input:hover,:where([data-ui=tactile]) .ui-textarea:hover,:where([data-ui=tactile]) .ui-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus,:where([data-ui=tactile]) .ui-input:focus,:where([data-ui=tactile]) .ui-textarea:focus,:where([data-ui=tactile]) .ui-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text,:where([data-ui=tactile]) .ui-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio,:where([data-ui=tactile]) .ui-check,:where([data-ui=tactile]) .ui-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input,:where([data-ui=tactile]) .ui-check input,:where([data-ui=tactile]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control,:where([data-ui=tactile]) .ui-check-control,:where([data-ui=tactile]) .ui-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control,:where([data-ui=tactile]) .ui-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control,:where([data-ui=tactile]) .ui-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch,:where([data-ui=tactile]) .ui-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input,:where([data-ui=tactile]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track,:where([data-ui=tactile]) .ui-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary{background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success{background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning{background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger{background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success{border-left-color:var(--tactile-success)}.tactile-alert-warning{border-left-color:var(--tactile-warning)}.tactile-alert-danger{border-left-color:var(--tactile-danger)}.tactile-alert-title{margin:0;font-weight:900}.tactile-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap{overflow:auto}.tactile-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{font-family:var(--neo-font-control)}.neo-field,:where([data-ui=neumorphism]) .ui-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label,:where([data-ui=neumorphism]) .ui-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea,:where([data-ui=neumorphism]) .ui-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder,:where([data-ui=neumorphism]) .ui-input::placeholder,:where([data-ui=neumorphism]) .ui-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover,:where([data-ui=neumorphism]) .ui-input:hover,:where([data-ui=neumorphism]) .ui-textarea:hover,:where([data-ui=neumorphism]) .ui-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus,:where([data-ui=neumorphism]) .ui-input:focus,:where([data-ui=neumorphism]) .ui-textarea:focus,:where([data-ui=neumorphism]) .ui-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text,:where([data-ui=neumorphism]) .ui-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio,:where([data-ui=neumorphism]) .ui-check,:where([data-ui=neumorphism]) .ui-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input,:where([data-ui=neumorphism]) .ui-check input,:where([data-ui=neumorphism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control,:where([data-ui=neumorphism]) .ui-check-control,:where([data-ui=neumorphism]) .ui-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control,:where([data-ui=neumorphism]) .ui-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control,:where([data-ui=neumorphism]) .ui-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch,:where([data-ui=neumorphism]) .ui-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input,:where([data-ui=neumorphism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary{background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success{background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning{background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger{background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success{border-left-color:var(--neo-success)}.neo-alert-warning{border-left-color:var(--neo-warning)}.neo-alert-danger{border-left-color:var(--neo-danger)}.neo-alert-title{margin:0;font-weight:900}.neo-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap{overflow:auto}.neo-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td{color:var(--neo-text-muted)}.neo-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{font-family:var(--retro-font-control)}.retro-field,:where([data-ui=retrofuturism]) .ui-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label,:where([data-ui=retrofuturism]) .ui-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select,:where([data-ui=retrofuturism]) .ui-input,:where([data-ui=retrofuturism]) .ui-textarea,:where([data-ui=retrofuturism]) .ui-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea,:where([data-ui=retrofuturism]) .ui-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder,:where([data-ui=retrofuturism]) .ui-input::placeholder,:where([data-ui=retrofuturism]) .ui-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover,:where([data-ui=retrofuturism]) .ui-input:hover,:where([data-ui=retrofuturism]) .ui-textarea:hover,:where([data-ui=retrofuturism]) .ui-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus,:where([data-ui=retrofuturism]) .ui-input:focus,:where([data-ui=retrofuturism]) .ui-textarea:focus,:where([data-ui=retrofuturism]) .ui-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text,:where([data-ui=retrofuturism]) .ui-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio,:where([data-ui=retrofuturism]) .ui-check,:where([data-ui=retrofuturism]) .ui-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input,:where([data-ui=retrofuturism]) .ui-check input,:where([data-ui=retrofuturism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check-control,:where([data-ui=retrofuturism]) .ui-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control,:where([data-ui=retrofuturism]) .ui-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control,:where([data-ui=retrofuturism]) .ui-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch,:where([data-ui=retrofuturism]) .ui-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input,:where([data-ui=retrofuturism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary{background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success{background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning{background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger{background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success{border-left-color:var(--retro-success)}.retro-alert-warning{border-left-color:var(--retro-warning)}.retro-alert-danger{border-left-color:var(--retro-danger)}.retro-alert-title{margin:0;font-weight:900}.retro-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap{overflow:auto}.retro-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td{color:var(--retro-text-muted)}.retro-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{font-family:var(--brutal-font-control)}.brutal-field,:where([data-ui=brutalism]) .ui-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label,:where([data-ui=brutalism]) .ui-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select,:where([data-ui=brutalism]) .ui-input,:where([data-ui=brutalism]) .ui-textarea,:where([data-ui=brutalism]) .ui-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea,:where([data-ui=brutalism]) .ui-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus,:where([data-ui=brutalism]) .ui-input:focus,:where([data-ui=brutalism]) .ui-textarea:focus,:where([data-ui=brutalism]) .ui-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text,:where([data-ui=brutalism]) .ui-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success{background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning{background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger{background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success{box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning{box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger{box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field,:where([data-ui=cyberpunk]) .ui-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label,:where([data-ui=cyberpunk]) .ui-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select,:where([data-ui=cyberpunk]) .ui-input,:where([data-ui=cyberpunk]) .ui-textarea,:where([data-ui=cyberpunk]) .ui-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea,:where([data-ui=cyberpunk]) .ui-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus,:where([data-ui=cyberpunk]) .ui-input:focus,:where([data-ui=cyberpunk]) .ui-textarea:focus,:where([data-ui=cyberpunk]) .ui-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text,:where([data-ui=cyberpunk]) .ui-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary{background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success{background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning{background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger{background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success{border-left-color:var(--cyber-success)}.cyber-alert-warning{border-left-color:var(--cyber-warning)}.cyber-alert-danger{border-left-color:var(--cyber-danger)}.cyber-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap{overflow:auto}.cyber-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible,:where([data-ui=cyberpunk]) .ui-input:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field,:where([data-ui=y2k]) .ui-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label,:where([data-ui=y2k]) .ui-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select,:where([data-ui=y2k]) .ui-input,:where([data-ui=y2k]) .ui-textarea,:where([data-ui=y2k]) .ui-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea,:where([data-ui=y2k]) .ui-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus,:where([data-ui=y2k]) .ui-input:focus,:where([data-ui=y2k]) .ui-textarea:focus,:where([data-ui=y2k]) .ui-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text,:where([data-ui=y2k]) .ui-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary{background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success{background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning{background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger{background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title{margin:0;font-weight:900}.y2k-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger{box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap{overflow:auto}.y2k-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th{background:#ffffff29;font-weight:900}.y2k-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field,:where([data-ui=retro-glass]) .ui-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label,:where([data-ui=retro-glass]) .ui-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select,:where([data-ui=retro-glass]) .ui-input,:where([data-ui=retro-glass]) .ui-textarea,:where([data-ui=retro-glass]) .ui-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea,:where([data-ui=retro-glass]) .ui-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus,:where([data-ui=retro-glass]) .ui-input:focus,:where([data-ui=retro-glass]) .ui-textarea:focus,:where([data-ui=retro-glass]) .ui-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text,:where([data-ui=retro-glass]) .ui-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary{background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success{background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning{background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger{background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success{border-left:4px solid var(--rg-success)}.rg-alert-warning{border-left:4px solid var(--rg-warning)}.rg-alert-danger{border-left:4px solid var(--rg-danger)}.rg-table-wrap{overflow:auto}.rg-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}}:where([data-ui][data-theme][data-mode]) .interactive-surface{--interactive-surface-border-width:1px;--interactive-surface-bg:rgb(var(--usk-surface-strong-rgb,var(--usk-surface-rgb,255 255 255)));--interactive-surface-fg:rgb(var(--usk-text-rgb));--interactive-surface-border-color:rgb(var(--usk-border-rgb,128 128 128) / .72);--interactive-surface-focus-ring-color:rgb(var(--usk-focus-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-radius:.85rem;--interactive-surface-state-layer-color:currentColor;--interactive-surface-state-layer-opacity:0;--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18;--interactive-surface-light-icon-color:rgb(var(--usk-warning-rgb,var(--usk-accent-rgb,255 190 72)));--interactive-surface-dark-icon-color:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-accessibility-icon-color:var(--interactive-surface-focus-ring-color);--interactive-surface-light-icon-color-dark:var(--interactive-surface-light-icon-color);--interactive-surface-dark-icon-color-dark:var(--interactive-surface-dark-icon-color);--interactive-surface-accessibility-icon-color-dark:var(--interactive-surface-accessibility-icon-color);--interactive-surface-variant-primary-bg:rgb(var(--usk-primary-rgb));--interactive-surface-variant-primary-fg:rgb(var(--usk-primary-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-primary-border-color:rgb(var(--usk-primary-rgb,72 120 255));--interactive-surface-variant-secondary-bg:rgb(var(--usk-secondary-rgb,var(--usk-surface-soft-rgb,96 112 128)));--interactive-surface-variant-secondary-fg:rgb(var(--usk-secondary-text-rgb,var(--usk-text-rgb,18 18 18)));--interactive-surface-variant-secondary-border-color:rgb(var(--usk-secondary-rgb,96 112 128));--interactive-surface-variant-accent-bg:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-accent-fg:rgb(var(--usk-accent-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-accent-border-color:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-subtle-bg:rgb(var(--usk-surface-soft-rgb,var(--usk-surface-rgb,244 244 244)));--interactive-surface-variant-subtle-fg:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-variant-subtle-border-color:rgb(var(--usk-border-rgb,128 128 128) / .64);--interactive-surface-variant-warning-bg:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-warning-fg:rgb(var(--usk-warning-text-rgb,var(--usk-bg-rgb,18 18 18)));--interactive-surface-variant-warning-border-color:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-danger-bg:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-variant-danger-fg:rgb(var(--usk-danger-text-rgb,255 255 255));--interactive-surface-variant-danger-border-color:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-level-1-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-level-1-border-color:var(--interactive-surface-variant-subtle-border-color);--interactive-surface-level-1-shadow:0 1px 2px rgb(var(--usk-bg-rgb,0 0 0) / .18);--interactive-surface-level-2-bg:var(--interactive-surface-bg);--interactive-surface-level-2-border-color:var(--interactive-surface-border-color);--interactive-surface-level-2-shadow:0 8px 20px rgb(var(--usk-bg-rgb,0 0 0) / .22);--interactive-surface-level-3-bg:color-mix(in srgb, var(--interactive-surface-bg) 82%, var(--interactive-surface-variant-primary-bg));--interactive-surface-level-3-border-color:color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 72%, var(--interactive-surface-border-color));--interactive-surface-level-3-shadow:0 14px 34px rgb(var(--usk-bg-rgb,0 0 0) / .3), 0 0 0 1px color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 34%, transparent);--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);isolation:isolate;background-color:var(--interactive-surface-level-bg,var(--interactive-surface-bg));color:var(--interactive-surface-fg);border-width:var(--interactive-surface-border-width);border-style:solid;border-color:var(--interactive-surface-level-border-color,var(--interactive-surface-border-color));border-radius:var(--interactive-surface-radius);box-shadow:var(--interactive-surface-level-shadow,none);transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;position:relative}:where([data-ui][data-theme][data-mode]) .interactive-surface:before{border-radius:inherit;background:var(--interactive-surface-state-layer-color);opacity:var(--interactive-surface-state-layer-opacity);pointer-events:none;content:"";transition:opacity .16s;position:absolute;inset:0}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):hover{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-hover);transform:translateY(-1px)}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):active,:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-pressed=true],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-current=page],:where([data-ui][data-theme][data-mode]) .interactive-surface.is-active{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-active);transform:translateY(0)}:where([data-ui][data-theme][data-mode]) .interactive-surface:focus-visible{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-focus);outline:2px solid var(--interactive-surface-focus-ring-color);outline-offset:3px}:where([data-ui][data-theme][data-mode]) .interactive-surface[disabled],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-disabled=true]{opacity:.56;cursor:not-allowed}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=primary]{--interactive-surface-bg:var(--interactive-surface-variant-primary-bg);--interactive-surface-fg:var(--interactive-surface-variant-primary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-primary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=secondary]{--interactive-surface-bg:var(--interactive-surface-variant-secondary-bg);--interactive-surface-fg:var(--interactive-surface-variant-secondary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-secondary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=accent]{--interactive-surface-bg:var(--interactive-surface-variant-accent-bg);--interactive-surface-fg:var(--interactive-surface-variant-accent-fg);--interactive-surface-border-color:var(--interactive-surface-variant-accent-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=subtle]{--interactive-surface-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-fg:var(--interactive-surface-variant-subtle-fg);--interactive-surface-border-color:var(--interactive-surface-variant-subtle-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=warning]{--interactive-surface-bg:var(--interactive-surface-variant-warning-bg);--interactive-surface-fg:var(--interactive-surface-variant-warning-fg);--interactive-surface-border-color:var(--interactive-surface-variant-warning-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=danger]{--interactive-surface-bg:var(--interactive-surface-variant-danger-bg);--interactive-surface-fg:var(--interactive-surface-variant-danger-fg);--interactive-surface-border-color:var(--interactive-surface-variant-danger-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="1"]{--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="2"]{--interactive-surface-level-bg:var(--interactive-surface-level-2-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-2-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-2-shadow);--interactive-surface-state-layer-opacity-hover:.11;--interactive-surface-state-layer-opacity-active:.18;--interactive-surface-state-layer-opacity-focus:.22}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="3"]{--interactive-surface-level-bg:var(--interactive-surface-level-3-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-3-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-3-shadow);--interactive-surface-state-layer-opacity-hover:.14;--interactive-surface-state-layer-opacity-active:.24;--interactive-surface-state-layer-opacity-focus:.28} \ No newline at end of file +@layer ui-style-kit.theme_colors{:where([data-ui][data-theme=midnight-gold][data-mode=light]){--usk-bg-rgb:246 243 234;--usk-surface-rgb:255 250 240;--usk-surface-strong-rgb:255 255 255;--usk-surface-soft-rgb:237 230 211;--usk-text-rgb:23 32 51;--usk-text-muted-rgb:95 104 121;--usk-border-rgb:214 200 165;--usk-primary-rgb:184 135 47;--usk-primary-hover-rgb:148 104 31;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:34 49 79;--usk-secondary-hover-rgb:23 36 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:217 164 65;--usk-success-rgb:47 125 84;--usk-warning-rgb:167 106 0;--usk-danger-rgb:185 63 63;--usk-link-rgb:138 100 31;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:217 164 65}:where([data-ui][data-theme=midnight-gold][data-mode=dark]){--usk-bg-rgb:7 17 31;--usk-surface-rgb:16 27 45;--usk-surface-strong-rgb:23 36 58;--usk-surface-soft-rgb:12 22 39;--usk-text-rgb:247 237 215;--usk-text-muted-rgb:185 192 204;--usk-border-rgb:57 72 97;--usk-primary-rgb:214 168 79;--usk-primary-hover-rgb:240 200 109;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:111 134 184;--usk-secondary-hover-rgb:146 167 209;--usk-secondary-text-rgb:8 16 29;--usk-accent-rgb:243 210 122;--usk-success-rgb:107 214 156;--usk-warning-rgb:255 203 91;--usk-danger-rgb:255 123 123;--usk-link-rgb:243 210 122;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 214 107}:where([data-ui][data-theme=midnight-gold][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:8 8 8;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:5 5 5;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 212 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 234 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:0 217 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=ocean-steel][data-mode=light]){--usk-bg-rgb:238 248 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 253 255;--usk-surface-soft-rgb:220 236 242;--usk-text-rgb:16 36 46;--usk-text-muted-rgb:78 101 112;--usk-border-rgb:184 211 221;--usk-primary-rgb:8 125 157;--usk-primary-hover-rgb:6 100 126;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:57 86 107;--usk-secondary-hover-rgb:44 67 84;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:21 184 200;--usk-success-rgb:38 122 92;--usk-warning-rgb:167 101 0;--usk-danger-rgb:182 70 70;--usk-link-rgb:6 100 126;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:21 184 200}:where([data-ui][data-theme=ocean-steel][data-mode=dark]){--usk-bg-rgb:6 22 29;--usk-surface-rgb:13 37 48;--usk-surface-strong-rgb:20 52 66;--usk-surface-soft-rgb:8 29 38;--usk-text-rgb:233 251 255;--usk-text-muted-rgb:167 192 201;--usk-border-rgb:49 86 102;--usk-primary-rgb:54 196 221;--usk-primary-hover-rgb:115 227 244;--usk-primary-text-rgb:4 18 22;--usk-secondary-rgb:140 183 201;--usk-secondary-hover-rgb:178 213 226;--usk-secondary-text-rgb:6 22 29;--usk-accent-rgb:83 240 255;--usk-success-rgb:103 216 166;--usk-warning-rgb:255 192 97;--usk-danger-rgb:255 123 123;--usk-link-rgb:115 227 244;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:83 240 255}:where([data-ui][data-theme=ocean-steel][data-mode=contrast]){--usk-bg-rgb:0 8 10;--usk-surface-rgb:0 16 20;--usk-surface-strong-rgb:0 26 32;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:234 255 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 229 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 255 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 255 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 59 59;--usk-link-rgb:0 229 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=forest-moss][data-mode=light]){--usk-bg-rgb:242 247 239;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 248;--usk-surface-soft-rgb:226 234 219;--usk-text-rgb:24 36 23;--usk-text-muted-rgb:88 104 82;--usk-border-rgb:197 211 186;--usk-primary-rgb:63 125 58;--usk-primary-hover-rgb:47 97 43;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:106 95 56;--usk-secondary-hover-rgb:81 73 43;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:156 186 82;--usk-success-rgb:47 125 84;--usk-warning-rgb:154 106 0;--usk-danger-rgb:173 69 69;--usk-link-rgb:47 97 43;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:156 186 82}:where([data-ui][data-theme=forest-moss][data-mode=dark]){--usk-bg-rgb:7 16 6;--usk-surface-rgb:16 28 15;--usk-surface-strong-rgb:26 42 24;--usk-surface-soft-rgb:11 22 10;--usk-text-rgb:237 247 232;--usk-text-muted-rgb:180 197 173;--usk-border-rgb:61 83 56;--usk-primary-rgb:130 210 122;--usk-primary-hover-rgb:162 237 153;--usk-primary-text-rgb:7 16 6;--usk-secondary-rgb:210 189 114;--usk-secondary-hover-rgb:239 217 139;--usk-secondary-text-rgb:20 16 6;--usk-accent-rgb:185 239 107;--usk-success-rgb:117 223 167;--usk-warning-rgb:255 210 99;--usk-danger-rgb:255 133 133;--usk-link-rgb:162 237 153;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:185 239 107}:where([data-ui][data-theme=forest-moss][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 16 7;--usk-surface-strong-rgb:11 25 11;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:240 255 240;--usk-border-rgb:255 255 255;--usk-primary-rgb:108 255 95;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 223 0;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:182 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:108 255 95;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=sunset-ember][data-mode=light]){--usk-bg-rgb:255 244 236;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 246;--usk-surface-soft-rgb:244 222 210;--usk-text-rgb:42 23 17;--usk-text-muted-rgb:118 88 77;--usk-border-rgb:227 189 170;--usk-primary-rgb:196 81 43;--usk-primary-hover-rgb:159 63 32;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:124 63 92;--usk-secondary-hover-rgb:97 48 71;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:230 154 58;--usk-success-rgb:49 122 87;--usk-warning-rgb:184 111 0;--usk-danger-rgb:189 61 61;--usk-link-rgb:159 63 32;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:230 154 58}:where([data-ui][data-theme=sunset-ember][data-mode=dark]){--usk-bg-rgb:23 9 5;--usk-surface-rgb:38 17 11;--usk-surface-strong-rgb:53 25 18;--usk-surface-soft-rgb:30 12 7;--usk-text-rgb:255 240 232;--usk-text-muted-rgb:208 177 165;--usk-border-rgb:106 59 45;--usk-primary-rgb:255 138 91;--usk-primary-hover-rgb:255 173 138;--usk-primary-text-rgb:26 8 3;--usk-secondary-rgb:227 138 181;--usk-secondary-hover-rgb:255 175 208;--usk-secondary-text-rgb:26 7 18;--usk-accent-rgb:255 193 102;--usk-success-rgb:112 215 163;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 119 119;--usk-link-rgb:255 173 138;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 193 102}:where([data-ui][data-theme=sunset-ember][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 4 0;--usk-surface-strong-rgb:29 7 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 245 239;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 106 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:255 79 184;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 208 0;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 191 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 157 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=royal-plum][data-mode=light]){--usk-bg-rgb:248 241 251;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:253 248 255;--usk-surface-soft-rgb:234 220 240;--usk-text-rgb:36 21 45;--usk-text-muted-rgb:105 86 113;--usk-border-rgb:213 187 221;--usk-primary-rgb:123 63 160;--usk-primary-hover-rgb:99 49 127;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 76 154;--usk-secondary-hover-rgb:48 58 119;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:192 90 198;--usk-success-rgb:49 124 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:183 65 95;--usk-link-rgb:99 49 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:192 90 198}:where([data-ui][data-theme=royal-plum][data-mode=dark]){--usk-bg-rgb:16 6 20;--usk-surface-rgb:29 16 36;--usk-surface-strong-rgb:42 23 52;--usk-surface-soft-rgb:22 11 27;--usk-text-rgb:250 236 255;--usk-text-muted-rgb:200 176 209;--usk-border-rgb:85 57 100;--usk-primary-rgb:216 145 242;--usk-primary-hover-rgb:235 184 255;--usk-primary-text-rgb:19 6 23;--usk-secondary-rgb:157 168 255;--usk-secondary-hover-rgb:195 202 255;--usk-secondary-text-rgb:8 11 31;--usk-accent-rgb:255 156 246;--usk-success-rgb:118 220 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 122 156;--usk-link-rgb:235 184 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 156 246}:where([data-ui][data-theme=royal-plum][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:16 0 20;--usk-surface-strong-rgb:26 0 34;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:228 92 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 0 245;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 110;--usk-link-rgb:228 92 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=graphite-cyan][data-mode=light]){--usk-bg-rgb:242 245 246;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:249 251 252;--usk-surface-soft-rgb:225 231 234;--usk-text-rgb:23 29 33;--usk-text-muted-rgb:93 104 112;--usk-border-rgb:197 206 212;--usk-primary-rgb:0 124 137;--usk-primary-hover-rgb:0 99 110;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:63 72 80;--usk-secondary-hover-rgb:47 54 60;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:34 184 199;--usk-success-rgb:40 122 91;--usk-warning-rgb:167 103 0;--usk-danger-rgb:182 64 64;--usk-link-rgb:0 99 110;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:34 184 199}:where([data-ui][data-theme=graphite-cyan][data-mode=dark]){--usk-bg-rgb:8 11 13;--usk-surface-rgb:18 24 28;--usk-surface-strong-rgb:28 37 43;--usk-surface-soft-rgb:13 17 20;--usk-text-rgb:237 246 248;--usk-text-muted-rgb:174 187 193;--usk-border-rgb:59 72 79;--usk-primary-rgb:62 217 232;--usk-primary-hover-rgb:123 243 255;--usk-primary-text-rgb:6 16 18;--usk-secondary-rgb:170 181 188;--usk-secondary-hover-rgb:210 219 224;--usk-secondary-text-rgb:8 11 13;--usk-accent-rgb:123 243 255;--usk-success-rgb:110 218 165;--usk-warning-rgb:255 200 97;--usk-danger-rgb:255 125 125;--usk-link-rgb:123 243 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:62 217 232}:where([data-ui][data-theme=graphite-cyan][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:7 7 7;--usk-surface-strong-rgb:17 17 17;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:245 245 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:0 240 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:242 242 242;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:0 240 255;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 208 0;--usk-danger-rgb:255 64 64;--usk-link-rgb:0 240 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=desert-sage][data-mode=light]){--usk-bg-rgb:248 242 231;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 250 241;--usk-surface-soft-rgb:234 223 205;--usk-text-rgb:43 36 25;--usk-text-muted-rgb:113 103 84;--usk-border-rgb:215 198 167;--usk-primary-rgb:140 106 61;--usk-primary-hover-rgb:112 83 47;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:95 118 85;--usk-secondary-hover-rgb:72 92 64;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:201 151 74;--usk-success-rgb:81 125 72;--usk-warning-rgb:166 107 0;--usk-danger-rgb:174 74 63;--usk-link-rgb:112 83 47;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:201 151 74}:where([data-ui][data-theme=desert-sage][data-mode=dark]){--usk-bg-rgb:18 15 9;--usk-surface-rgb:33 27 18;--usk-surface-strong-rgb:47 40 27;--usk-surface-soft-rgb:25 20 13;--usk-text-rgb:248 239 223;--usk-text-muted-rgb:199 186 163;--usk-border-rgb:91 78 56;--usk-primary-rgb:217 184 120;--usk-primary-hover-rgb:240 211 154;--usk-primary-text-rgb:21 16 6;--usk-secondary-rgb:168 206 153;--usk-secondary-hover-rgb:200 233 187;--usk-secondary-text-rgb:9 20 7;--usk-accent-rgb:241 196 110;--usk-success-rgb:141 219 125;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 136 122;--usk-link-rgb:240 211 154;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:241 196 110}:where([data-ui][data-theme=desert-sage][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:15 11 3;--usk-surface-strong-rgb:26 18 5;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 248 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 209 102;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:157 255 107;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 176 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 77 77;--usk-link-rgb:255 209 102;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=rose-quartz][data-mode=light]){--usk-bg-rgb:255 242 245;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:255 248 250;--usk-surface-soft-rgb:242 220 227;--usk-text-rgb:43 21 29;--usk-text-muted-rgb:118 90 99;--usk-border-rgb:223 184 198;--usk-primary-rgb:184 71 109;--usk-primary-hover-rgb:150 55 87;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:122 85 126;--usk-secondary-hover-rgb:96 65 99;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:223 125 157;--usk-success-rgb:49 122 92;--usk-warning-rgb:166 106 0;--usk-danger-rgb:189 63 85;--usk-link-rgb:150 55 87;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:223 125 157}:where([data-ui][data-theme=rose-quartz][data-mode=dark]){--usk-bg-rgb:22 7 12;--usk-surface-rgb:37 16 24;--usk-surface-strong-rgb:53 24 36;--usk-surface-soft-rgb:28 11 17;--usk-text-rgb:255 240 244;--usk-text-muted-rgb:210 174 185;--usk-border-rgb:101 55 71;--usk-primary-rgb:255 143 179;--usk-primary-hover-rgb:255 182 205;--usk-primary-text-rgb:24 6 13;--usk-secondary-rgb:217 160 223;--usk-secondary-hover-rgb:239 194 244;--usk-secondary-text-rgb:22 6 24;--usk-accent-rgb:255 173 197;--usk-success-rgb:119 219 169;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 120 144;--usk-link-rgb:255 182 205;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 173 197}:where([data-ui][data-theme=rose-quartz][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:18 0 6;--usk-surface-strong-rgb:32 0 13;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:255 240 245;--usk-border-rgb:255 255 255;--usk-primary-rgb:255 79 147;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:240 0 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:255 138 179;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:255 138 179;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=cyber-lime][data-mode=light]){--usk-bg-rgb:244 250 237;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:251 255 246;--usk-surface-soft-rgb:226 239 211;--usk-text-rgb:23 34 20;--usk-text-muted-rgb:89 105 82;--usk-border-rgb:198 216 179;--usk-primary-rgb:95 159 31;--usk-primary-hover-rgb:73 125 23;--usk-primary-text-rgb:16 16 16;--usk-secondary-rgb:20 127 134;--usk-secondary-hover-rgb:14 98 104;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:164 215 46;--usk-success-rgb:47 125 84;--usk-warning-rgb:156 104 0;--usk-danger-rgb:179 65 65;--usk-link-rgb:73 125 23;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:255 255 255;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:164 215 46}:where([data-ui][data-theme=cyber-lime][data-mode=dark]){--usk-bg-rgb:5 11 5;--usk-surface-rgb:13 24 12;--usk-surface-strong-rgb:22 37 21;--usk-surface-soft-rgb:8 17 8;--usk-text-rgb:239 255 233;--usk-text-muted-rgb:180 199 173;--usk-border-rgb:57 82 54;--usk-primary-rgb:168 255 61;--usk-primary-hover-rgb:202 255 127;--usk-primary-text-rgb:6 16 5;--usk-secondary-rgb:61 235 242;--usk-secondary-hover-rgb:134 248 255;--usk-secondary-text-rgb:3 16 18;--usk-accent-rgb:198 255 77;--usk-success-rgb:111 240 168;--usk-warning-rgb:255 218 98;--usk-danger-rgb:255 119 119;--usk-link-rgb:202 255 127;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:168 255 61}:where([data-ui][data-theme=cyber-lime][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:5 11 0;--usk-surface-strong-rgb:11 22 0;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:244 255 232;--usk-border-rgb:255 255 255;--usk-primary-rgb:170 255 0;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 240 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:204 255 0;--usk-success-rgb:0 255 117;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 48 48;--usk-link-rgb:170 255 0;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}:where([data-ui][data-theme=arctic-indigo][data-mode=light]){--usk-bg-rgb:241 245 255;--usk-surface-rgb:255 255 255;--usk-surface-strong-rgb:248 251 255;--usk-surface-soft-rgb:223 231 246;--usk-text-rgb:20 27 46;--usk-text-muted-rgb:88 100 122;--usk-border-rgb:190 203 227;--usk-primary-rgb:64 94 184;--usk-primary-hover-rgb:49 72 148;--usk-primary-text-rgb:255 255 255;--usk-secondary-rgb:46 125 157;--usk-secondary-hover-rgb:35 97 122;--usk-secondary-text-rgb:255 255 255;--usk-accent-rgb:123 147 232;--usk-success-rgb:47 125 84;--usk-warning-rgb:166 106 0;--usk-danger-rgb:182 64 82;--usk-link-rgb:49 72 148;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:255 255 255;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:255 255 255;--usk-focus-rgb:123 147 232}:where([data-ui][data-theme=arctic-indigo][data-mode=dark]){--usk-bg-rgb:6 10 22;--usk-surface-rgb:16 24 43;--usk-surface-strong-rgb:24 35 66;--usk-surface-soft-rgb:10 16 32;--usk-text-rgb:237 243 255;--usk-text-muted-rgb:178 191 217;--usk-border-rgb:58 75 120;--usk-primary-rgb:145 168 255;--usk-primary-hover-rgb:183 197 255;--usk-primary-text-rgb:5 8 22;--usk-secondary-rgb:118 216 243;--usk-secondary-hover-rgb:165 234 255;--usk-secondary-text-rgb:4 17 22;--usk-accent-rgb:194 206 255;--usk-success-rgb:114 219 166;--usk-warning-rgb:255 209 102;--usk-danger-rgb:255 125 145;--usk-link-rgb:183 197 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:145 168 255}:where([data-ui][data-theme=arctic-indigo][data-mode=contrast]){--usk-bg-rgb:0 0 0;--usk-surface-rgb:3 8 22;--usk-surface-strong-rgb:8 18 42;--usk-surface-soft-rgb:0 0 0;--usk-text-rgb:255 255 255;--usk-text-muted-rgb:238 244 255;--usk-border-rgb:255 255 255;--usk-primary-rgb:111 140 255;--usk-primary-hover-rgb:255 255 255;--usk-primary-text-rgb:0 0 0;--usk-secondary-rgb:0 217 255;--usk-secondary-hover-rgb:255 255 255;--usk-secondary-text-rgb:0 0 0;--usk-accent-rgb:184 196 255;--usk-success-rgb:0 255 144;--usk-warning-rgb:255 225 0;--usk-danger-rgb:255 63 95;--usk-link-rgb:159 178 255;--usk-accent-text-rgb:0 0 0;--usk-success-text-rgb:0 0 0;--usk-warning-text-rgb:0 0 0;--usk-danger-text-rgb:0 0 0;--usk-focus-rgb:255 255 255}}@layer ui-style-kit.native_elements{[data-ui][data-theme][data-mode]{--usk-native-surface:rgb(var(--usk-surface-rgb));--usk-native-surface-strong:rgb(var(--usk-surface-strong-rgb));--usk-native-surface-soft:rgb(var(--usk-surface-soft-rgb));--usk-native-card-bg:var(--usk-native-surface);--usk-native-control-bg:var(--usk-native-surface-soft);--usk-native-text:rgb(var(--usk-text-rgb));--usk-native-text-muted:rgb(var(--usk-text-muted-rgb));--usk-native-border:rgb(var(--usk-border-rgb));--usk-native-primary:rgb(var(--usk-primary-rgb));--usk-native-primary-hover:rgb(var(--usk-primary-hover-rgb));--usk-native-on-primary:rgb(var(--usk-primary-text-rgb));--usk-native-focus:rgb(var(--usk-focus-rgb));--usk-native-success:rgb(var(--usk-success-rgb));--usk-native-warning:rgb(var(--usk-warning-rgb));--usk-native-danger:rgb(var(--usk-danger-rgb));--usk-native-link:rgb(var(--usk-link-rgb));--usk-native-font-body:inherit;--usk-native-font-heading:inherit;--usk-native-font-control:inherit;--usk-native-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--usk-native-radius-sm:.5rem;--usk-native-radius:.75rem;--usk-native-radius-lg:1rem;--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:1rem;--usk-native-control-min-block-size:2.75rem;--usk-native-control-padding-block:.72rem;--usk-native-control-padding-inline:.95rem;--usk-native-subcontrol-padding-block:.55rem;--usk-native-subcontrol-padding-inline:.8rem;--usk-native-track:color-mix(in srgb, var(--usk-native-border) 50%, transparent);--usk-native-track-fill:var(--usk-native-primary);--usk-native-thumb:var(--usk-native-surface-strong);--usk-native-thumb-border:var(--usk-native-primary);--usk-native-indicator:var(--usk-native-primary);--usk-native-shadow:none;--usk-native-shadow-md:var(--usk-native-shadow);--usk-native-focus-ring:0 0 0 3px rgb(var(--usk-focus-rgb) / .28)}[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6){color:var(--usk-native-text);font-family:var(--usk-native-font-heading);text-wrap:balance;margin:0 0 .65em;line-height:1.15}[data-ui][data-theme][data-mode] :where(hgroup){gap:.35rem;margin-block:0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(h1){font-size:clamp(2rem,5vw,3.5rem)}[data-ui][data-theme][data-mode] :where(h2){font-size:clamp(1.55rem,3vw,2.35rem)}[data-ui][data-theme][data-mode] :where(h3){font-size:clamp(1.25rem,2vw,1.65rem)}[data-ui][data-theme][data-mode] :where(p){color:var(--usk-native-text-muted);margin:0 0 1rem;line-height:1.7}[data-ui][data-theme][data-mode] :where(a){color:var(--usk-native-link);text-underline-offset:.18em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(a:hover){color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(ul,ol,menu){color:var(--usk-native-text-muted);margin:0 0 1rem;padding-left:1.35rem}[data-ui][data-theme][data-mode] :where(li){margin-block:.25rem}[data-ui][data-theme][data-mode] :where(blockquote){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border-left:.35rem solid var(--usk-native-primary);border-radius:var(--usk-native-radius);margin:1.25rem 0;padding:1rem 1.25rem}[data-ui][data-theme][data-mode] :where(code,kbd,samp){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid color-mix(in srgb, var(--usk-native-border) 62%, transparent);border-radius:var(--usk-native-radius-sm);font-family:var(--usk-native-font-mono);padding:.15em .35em;font-size:.92em}[data-ui][data-theme][data-mode] :where(pre){color:var(--usk-native-text);background:var(--usk-native-surface-soft);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:1rem;overflow:auto}[data-ui][data-theme][data-mode] :where(pre code){background:0 0;border:0;padding:0;display:block}[data-ui][data-theme][data-mode] :where(hr){background:var(--usk-native-border);border:0;height:1px;margin:2rem 0}[data-ui][data-theme][data-mode] :where(mark){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-warning) 32%, transparent);border-radius:.2em;padding-inline:.15em}[data-ui][data-theme][data-mode] :where(small,sub,sup,rt,rp){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(rt,rp){font-size:.72em}[data-ui][data-theme][data-mode] :where(abbr[title]){text-decoration:underline dotted var(--usk-native-primary);text-underline-offset:.18em;cursor:help}[data-ui][data-theme][data-mode] :where(img,picture,video,canvas,svg,iframe,audio,object,embed,math){max-width:100%}[data-ui][data-theme][data-mode] :where(img,video,canvas,svg,iframe){height:auto}[data-ui][data-theme][data-mode] :where(figure){margin:1.25rem 0}[data-ui][data-theme][data-mode] :where(figcaption){color:var(--usk-native-text-muted);margin-top:.5rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(form){gap:var(--usk-native-field-gap);min-inline-size:0;display:grid}[data-ui][data-theme][data-mode] :where(fieldset){min-inline-size:0;padding:var(--usk-native-panel-padding);background:color-mix(in srgb, var(--usk-native-card-bg) 88%, transparent);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);gap:.9rem;margin:0 0 1rem;display:grid}[data-ui][data-theme][data-mode] :where(legend){color:var(--usk-native-text);padding-inline:.35rem;font-weight:900}[data-ui][data-theme][data-mode] :where(label){color:var(--usk-native-text);font-weight:750}[data-ui][data-theme][data-mode] :where(label:has(input),label:has(select),label:has(textarea)){gap:var(--usk-native-field-gap);align-content:start;display:grid}[data-ui][data-theme][data-mode] :where(label:has(input[type=checkbox]),label:has(input[type=radio])){gap:var(--usk-native-field-gap);align-items:center;display:inline-flex}[data-ui][data-theme][data-mode] :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),textarea,select){width:100%;min-block-size:var(--usk-native-control-min-block-size);padding:var(--usk-native-control-padding-block) var(--usk-native-control-padding-inline);color:var(--usk-native-text);background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);font:inherit}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){color-scheme:inherit;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input,textarea)::placeholder{color:var(--usk-native-text-muted);opacity:.78}[data-ui][data-theme][data-mode] :where(textarea){resize:vertical;min-height:7rem}[data-ui][data-theme][data-mode] :where(input,textarea,select,button){font:inherit}[data-ui][data-theme][data-mode] :where(button:not([class]),input[type=button]:not([class]),input[type=submit]:not([class]),input[type=reset]:not([class])){min-block-size:var(--usk-native-control-min-block-size);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius);font-family:var(--usk-native-font-control);cursor:pointer;padding:.7rem 1rem;font-weight:850}[data-ui][data-theme][data-mode] :where(button:not([class]):hover,input[type=button]:not([class]):hover,input[type=submit]:not([class]):hover,input[type=reset]:not([class]):hover){background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=checkbox],input[type=radio]){block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(input[type=range]){-webkit-appearance:none;appearance:none;width:100%;min-block-size:1.5rem;accent-color:var(--usk-native-primary);background:0 0}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-runnable-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-track{background:var(--usk-native-track);border-radius:999px;block-size:.45rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px;margin-block-start:-.38rem}[data-ui][data-theme][data-mode] :where(input[type=range])::-moz-range-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);block-size:1.2rem;inline-size:1.2rem;box-shadow:var(--usk-native-shadow);border-radius:999px}[data-ui][data-theme][data-mode] :where(input[type=color]){background:var(--usk-native-control-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-sm);block-size:2.4rem;inline-size:3rem;padding:.2rem}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch-wrapper{padding:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-webkit-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=color])::-moz-color-swatch{border-radius:calc(var(--usk-native-radius-sm) / 1.5);border:0}[data-ui][data-theme][data-mode] :where(input[type=file]){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{padding:var(--usk-native-subcontrol-padding-block) var(--usk-native-subcontrol-padding-inline);color:var(--usk-native-on-primary);background:var(--usk-native-primary);border:var(--usk-native-border-width) solid var(--usk-native-primary);border-radius:var(--usk-native-radius-sm);cursor:pointer;margin-inline-end:.75rem;font-weight:800}[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:hover)::-webkit-file-upload-button{background:var(--usk-native-primary-hover);border-color:var(--usk-native-primary-hover)}[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:focus-visible)::-webkit-file-upload-button{box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(input[type=file]:active)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:active)::-webkit-file-upload-button{filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file]:disabled)::-webkit-file-upload-button{color:var(--usk-native-text-muted);background:var(--usk-native-surface-soft);border-color:var(--usk-native-border);cursor:not-allowed}[data-ui][data-theme][data-mode] :where(input:read-only,textarea:read-only){background:var(--usk-native-surface-soft)}[data-ui][data-theme][data-mode] :where(input:required,textarea:required,select:required){box-shadow:inset .22rem 0 0 var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input:user-valid,textarea:user-valid,select:user-valid,.is-valid){border-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(input[type=checkbox]:indeterminate,input[type=radio]:indeterminate){accent-color:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(button:active,input[type=button]:active,input[type=submit]:active,input[type=reset]:active){filter:brightness(.96)}[data-ui][data-theme][data-mode] :where(input:disabled,textarea:disabled,select:disabled,button:disabled,[aria-disabled=true]){color:var(--usk-native-text-muted);background:color-mix(in srgb, var(--usk-native-surface-soft) 72%, transparent);border-color:var(--usk-native-border);box-shadow:none;opacity:.55;cursor:not-allowed}[data-ui][data-theme][data-mode] :where(table){background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);border-collapse:collapse;width:100%;margin:1rem 0;overflow:hidden}[data-ui][data-theme][data-mode] :where(caption){caption-side:bottom;color:var(--usk-native-text-muted);padding:.75rem;font-size:.9rem}[data-ui][data-theme][data-mode] :where(th,td){text-align:left;border-bottom:var(--usk-native-border-width) solid var(--usk-native-border);padding:.8rem .9rem}[data-ui][data-theme][data-mode] :where(th){color:var(--usk-native-text);background:color-mix(in srgb, var(--usk-native-primary) 10%, transparent)}[data-ui][data-theme][data-mode] :where(td){color:var(--usk-native-text-muted)}[data-ui][data-theme][data-mode] :where(details){color:var(--usk-native-text);background:var(--usk-native-surface);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius);margin:1rem 0;padding:.9rem 1rem}[data-ui][data-theme][data-mode] :where(summary){color:var(--usk-native-text);cursor:pointer;font-weight:900}[data-ui][data-theme][data-mode] :where(dialog){max-width:min(92vw,42rem);color:var(--usk-native-text);background:var(--usk-native-surface-strong);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow-md), 0 30px 80px #0000006b;padding:0}[data-ui][data-theme][data-mode] :where(dialog)::backdrop{background:#0000009e}[data-ui][data-theme][data-mode] :where(progress,meter){width:100%;min-height:.9rem;accent-color:var(--usk-native-primary)}[data-ui][data-theme][data-mode] :where(progress,meter)::-webkit-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-bar{background:var(--usk-native-track);border-radius:999px}[data-ui][data-theme][data-mode] :where(progress)::-webkit-progress-value,[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-optimum-value{background:var(--usk-native-track-fill);border-radius:inherit}[data-ui][data-theme][data-mode] :where(progress)::-moz-progress-bar,[data-ui][data-theme][data-mode] :where(meter)::-moz-meter-bar{background:var(--usk-native-track-fill);border-radius:999px}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-suboptimum-value{background:var(--usk-native-warning)}[data-ui][data-theme][data-mode] :where(meter)::-webkit-meter-even-less-good-value{background:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(main,section,header,footer,nav,article,aside,address){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(article,aside){padding:var(--usk-native-panel-padding);color:var(--usk-native-text);background:var(--usk-native-card-bg);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:var(--usk-native-radius-lg);box-shadow:var(--usk-native-shadow)}[data-ui][data-theme][data-mode] :where(dl){color:var(--usk-native-text-muted);margin:0 0 1rem}[data-ui][data-theme][data-mode] :where(dt){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(dd){margin:.25rem 0 .75rem 1.25rem}[data-ui][data-theme][data-mode] :where(strong,b){color:var(--usk-native-text);font-weight:900}[data-ui][data-theme][data-mode] :where(u){text-decoration-color:var(--usk-native-primary);text-underline-offset:.16em;text-decoration-thickness:.08em}[data-ui][data-theme][data-mode] :where(bdi,bdo){color:var(--usk-native-text);unicode-bidi:isolate}[data-ui][data-theme][data-mode] :where(em,i,cite,var,q){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(ins){color:var(--usk-native-text);text-decoration-color:var(--usk-native-success)}[data-ui][data-theme][data-mode] :where(del,s){color:var(--usk-native-text);text-decoration-color:var(--usk-native-danger)}[data-ui][data-theme][data-mode] :where(output){color:var(--usk-native-text);font-weight:800}[data-ui][data-theme][data-mode] :where(optgroup,option){color:var(--usk-native-text);background:var(--usk-native-surface)}[data-ui][data-theme][data-mode] :where(time,data,dfn,ruby){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(search){color:var(--usk-native-text);display:block}[data-ui][data-theme][data-mode] :where(selectedcontent){color:var(--usk-native-text)}[data-ui][data-theme][data-mode] :where(datalist){display:none}[data-ui][data-theme][data-mode] :where(summary,li)::marker{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=date],input[type=datetime-local],input[type=month],input[type=time],input[type=week])::-webkit-calendar-picker-indicator{opacity:.78;accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=search])::-webkit-search-cancel-button{accent-color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-inner-spin-button,[data-ui][data-theme][data-mode] :where(input[type=number])::-webkit-outer-spin-button{opacity:.72}[data-ui][data-theme][data-mode] :where(select)::picker-icon{color:var(--usk-native-indicator)}[data-ui][data-theme][data-mode] :where(:focus-visible){outline:3px solid var(--usk-native-focus);outline-offset:3px;box-shadow:var(--usk-native-focus-ring)}[data-ui][data-theme][data-mode] :where(:target){outline:3px solid var(--usk-native-focus);outline-offset:.35rem;scroll-margin-top:6rem}[data-ui][data-theme][data-mode] :where([aria-current=page]){font-weight:900}[data-ui][data-theme][data-mode] :where([aria-busy=true]){cursor:progress}[data-ui][data-theme][data-mode] :where([hidden]){display:none!important}[data-ui][data-theme][data-mode] ::selection{color:var(--usk-native-on-primary);background:var(--usk-native-primary)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar{block-size:.75rem;inline-size:.75rem}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-track{background:var(--usk-native-track)}[data-ui][data-theme][data-mode] ::-webkit-scrollbar-thumb{background:var(--usk-native-thumb-border);border-radius:999px}@media (prefers-reduced-motion:reduce){[data-ui][data-theme][data-mode] :where(input[type=file])::file-selector-button,[data-ui][data-theme][data-mode] :where(input[type=file])::-webkit-file-upload-button{transition-duration:1ms!important}}@media (forced-colors:active){[data-ui][data-theme][data-mode] :where(input,textarea,select,button,progress,meter){forced-color-adjust:auto}[data-ui][data-theme][data-mode] :where(input:user-invalid,textarea:user-invalid,select:user-invalid,[aria-invalid=true],.is-invalid){border-color:mark}}}@layer ui-style-kit.components{[data-ui][data-theme][data-mode] :where(h1,h2,h3,h4,h5,h6,p,a,li,dt,dd,figcaption,blockquote,label,legend,summary,code,kbd,samp,pre,th,td),[data-ui][data-theme][data-mode] :where([class~=saas-surface],[class~=saas-surface-sm],[class~=saas-surface-lg],[class~=saas-card],[class~=saas-panel],[class~=saas-toolbar],[class~=saas-well],[class~=saas-inset],[class~=saas-field],[class~=saas-alert],[class~=saas-table-wrap],[class~=saas-nav],[class~=bento-surface],[class~=bento-surface-sm],[class~=bento-surface-lg],[class~=bento-card],[class~=bento-panel],[class~=bento-toolbar],[class~=bento-well],[class~=bento-inset],[class~=bento-field],[class~=bento-alert],[class~=bento-table-wrap],[class~=bento-nav],[class~=max-surface],[class~=max-surface-sm],[class~=max-surface-lg],[class~=max-card],[class~=max-panel],[class~=max-toolbar],[class~=max-well],[class~=max-inset],[class~=max-field],[class~=max-alert],[class~=max-table-wrap],[class~=max-nav],[class~=bau-surface],[class~=bau-surface-sm],[class~=bau-surface-lg],[class~=bau-card],[class~=bau-panel],[class~=bau-toolbar],[class~=bau-well],[class~=bau-inset],[class~=bau-field],[class~=bau-alert],[class~=bau-table-wrap],[class~=bau-nav],[class~=tactile-surface],[class~=tactile-surface-sm],[class~=tactile-surface-lg],[class~=tactile-card],[class~=tactile-panel],[class~=tactile-toolbar],[class~=tactile-well],[class~=tactile-inset],[class~=tactile-field],[class~=tactile-alert],[class~=tactile-table-wrap],[class~=tactile-nav],[class~=neo-surface],[class~=neo-surface-sm],[class~=neo-surface-lg],[class~=neo-card],[class~=neo-panel],[class~=neo-toolbar],[class~=neo-well],[class~=neo-inset],[class~=neo-field],[class~=neo-alert],[class~=neo-table-wrap],[class~=neo-nav],[class~=retro-surface],[class~=retro-surface-sm],[class~=retro-surface-lg],[class~=retro-card],[class~=retro-panel],[class~=retro-toolbar],[class~=retro-well],[class~=retro-inset],[class~=retro-field],[class~=retro-alert],[class~=retro-table-wrap],[class~=retro-nav],[class~=brutal-surface],[class~=brutal-card],[class~=brutal-panel],[class~=brutal-toolbar],[class~=brutal-well],[class~=brutal-inset],[class~=brutal-field],[class~=brutal-alert],[class~=brutal-table-wrap],[class~=brutal-nav],[class~=cyber-card],[class~=cyber-panel],[class~=cyber-toolbar],[class~=cyber-well],[class~=cyber-inset],[class~=cyber-field],[class~=cyber-alert],[class~=cyber-table-wrap],[class~=cyber-nav],[class~=y2k-card],[class~=y2k-panel],[class~=y2k-toolbar],[class~=y2k-well],[class~=y2k-inset],[class~=y2k-field],[class~=y2k-alert],[class~=y2k-table-wrap],[class~=y2k-nav],[class~=rg-card],[class~=rg-panel],[class~=rg-toolbar],[class~=rg-well],[class~=rg-inset],[class~=rg-field],[class~=rg-alert],[class~=rg-table-wrap],[class~=rg-nav]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where([class~=saas-button],[class~=saas-icon-button],[class~=saas-badge],[class~=saas-nav-link],[class~=bento-button],[class~=bento-icon-button],[class~=bento-badge],[class~=bento-nav-link],[class~=max-button],[class~=max-icon-button],[class~=max-badge],[class~=max-nav-link],[class~=bau-button],[class~=bau-icon-button],[class~=bau-badge],[class~=bau-nav-link],[class~=tactile-button],[class~=tactile-icon-button],[class~=tactile-badge],[class~=tactile-nav-link],[class~=neo-button],[class~=neo-icon-button],[class~=neo-badge],[class~=neo-nav-link],[class~=retro-button],[class~=retro-icon-button],[class~=retro-badge],[class~=retro-nav-link],[class~=brutal-button],[class~=brutal-icon-button],[class~=brutal-badge],[class~=brutal-nav-link],[class~=cyber-button],[class~=cyber-icon-button],[class~=cyber-badge],[class~=cyber-nav-link],[class~=y2k-button],[class~=y2k-icon-button],[class~=y2k-badge],[class~=y2k-nav-link],[class~=rg-button],[class~=rg-icon-button],[class~=rg-badge],[class~=rg-nav-link]){white-space:normal;min-inline-size:0;max-inline-size:100%}[data-ui][data-theme][data-mode] :where(.saas-button,.saas-icon-button,.saas-button-pill,.bento-button,.bento-icon-button,.bento-button-pill,.max-button,.max-icon-button,.max-button-pill,.bau-button,.bau-icon-button,.bau-button-pill,.tactile-button,.tactile-icon-button,.tactile-button-pill,.neo-button,.neo-icon-button,.neo-button-pill,.retro-button,.retro-icon-button,.retro-button-pill,.brutal-button,.brutal-icon-button,.brutal-button-pill,.cyber-button,.cyber-icon-button,.cyber-button-pill,.y2k-button,.y2k-icon-button,.y2k-button-pill,.rg-button,.rg-icon-button,.rg-button-pill),:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) [data-ui][data-theme][data-mode] :where(.ui-button,.ui-icon-button,.saas-button-pill,.ui-button,.ui-icon-button,.bento-button-pill,.ui-button,.ui-icon-button,.max-button-pill,.ui-button,.ui-icon-button,.bau-button-pill,.ui-button,.ui-icon-button,.tactile-button-pill,.ui-button,.ui-icon-button,.neo-button-pill,.ui-button,.ui-icon-button,.retro-button-pill,.ui-button,.ui-icon-button,.brutal-button-pill,.ui-button,.ui-icon-button,.cyber-button-pill,.ui-button,.ui-icon-button,.y2k-button-pill,.ui-button,.ui-icon-button,.rg-button-pill){box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;gap:.55rem;min-inline-size:0;max-inline-size:100%;line-height:1.15;display:inline-flex}[data-ui][data-theme][data-mode] :where(.saas-button-pill,.bento-button-pill,.max-button-pill,.bau-button-pill,.tactile-button-pill,.neo-button-pill,.retro-button-pill,.brutal-button-pill,.cyber-button-pill,.y2k-button-pill,.rg-button-pill){min-block-size:44px;font:inherit;text-align:center;overflow-wrap:anywhere;white-space:normal;cursor:pointer;border-style:solid;border-width:1px;border-radius:999px;padding-block:.65rem;padding-inline:max(1rem,1em);font-weight:850;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,filter .16s}.saas-button-pill{color:var(--saas-on-primary);background:var(--saas-primary);border-color:var(--saas-primary);border-radius:var(--saas-radius-pill)}.bento-button-pill{color:var(--bento-on-primary);background:var(--bento-primary);border-color:var(--bento-primary);border-radius:var(--bento-radius-pill)}.max-button-pill{color:var(--max-on-primary);background:var(--max-primary);border-color:var(--max-primary);border-radius:var(--max-radius-pill)}.bau-button-pill{color:var(--bau-on-primary);background:var(--bau-primary);border-color:var(--bau-primary);border-radius:var(--bau-radius-pill)}.tactile-button-pill{color:var(--tactile-on-primary);background:var(--tactile-primary);border-color:var(--tactile-primary);border-radius:var(--tactile-radius-pill)}.neo-button-pill{color:var(--neo-on-primary);background:var(--neo-primary);border-color:var(--neo-primary);border-radius:var(--neo-radius-pill)}.retro-button-pill{color:var(--retro-on-primary);background:var(--retro-primary);border-color:var(--retro-primary);border-radius:var(--retro-radius-pill)}.brutal-button-pill{color:var(--brutal-on-primary);background:var(--brutal-primary);border-color:var(--brutal-primary);border-radius:var(--brutal-radius-pill)}.cyber-button-pill{color:var(--cyber-on-primary);background:var(--cyber-primary);border-color:var(--cyber-primary);border-radius:var(--cyber-radius-pill)}.y2k-button-pill{color:var(--y2k-on-primary);background:var(--y2k-primary);border-color:var(--y2k-primary);border-radius:var(--y2k-radius-pill)}.rg-button-pill{color:var(--rg-on-primary);background:var(--rg-primary);border-color:var(--rg-primary);border-radius:var(--rg-radius-pill)}.saas-button-pill:hover{border-color:var(--saas-primary-hover);filter:brightness(1.04)}.bento-button-pill:hover{border-color:var(--bento-primary-hover);filter:brightness(1.04)}.max-button-pill:hover{border-color:var(--max-primary-hover);filter:brightness(1.04)}.bau-button-pill:hover{border-color:var(--bau-primary-hover);filter:brightness(1.04)}.tactile-button-pill:hover{border-color:var(--tactile-primary-hover);filter:brightness(1.04)}.neo-button-pill:hover{border-color:var(--neo-primary-hover);filter:brightness(1.04)}.retro-button-pill:hover{border-color:var(--retro-primary-hover);filter:brightness(1.04)}.brutal-button-pill:hover{border-color:var(--brutal-primary-hover);filter:brightness(1.04)}.cyber-button-pill:hover{border-color:var(--cyber-primary-hover);filter:brightness(1.04)}.y2k-button-pill:hover{border-color:var(--y2k-primary-hover);filter:brightness(1.04)}.rg-button-pill:hover{border-color:var(--rg-primary-hover);filter:brightness(1.04)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:active,.saas-button-pill[aria-pressed=true],.bento-button-pill:active,.bento-button-pill[aria-pressed=true],.max-button-pill:active,.max-button-pill[aria-pressed=true],.bau-button-pill:active,.bau-button-pill[aria-pressed=true],.tactile-button-pill:active,.tactile-button-pill[aria-pressed=true],.neo-button-pill:active,.neo-button-pill[aria-pressed=true],.retro-button-pill:active,.retro-button-pill[aria-pressed=true],.brutal-button-pill:active,.brutal-button-pill[aria-pressed=true],.cyber-button-pill:active,.cyber-button-pill[aria-pressed=true],.y2k-button-pill:active,.y2k-button-pill[aria-pressed=true],.rg-button-pill:active,.rg-button-pill[aria-pressed=true]){transform:translateY(1px)}.saas-button-pill:focus-visible{outline:3px solid var(--saas-focus);outline-offset:3px;box-shadow:var(--saas-focus-ring)}.bento-button-pill:focus-visible{outline:3px solid var(--bento-focus);outline-offset:3px;box-shadow:var(--bento-focus-ring)}.max-button-pill:focus-visible{outline:3px solid var(--max-focus);outline-offset:3px;box-shadow:var(--max-focus-ring)}.bau-button-pill:focus-visible{outline:3px solid var(--bau-focus);outline-offset:3px;box-shadow:var(--bau-focus-ring)}.tactile-button-pill:focus-visible{outline:3px solid var(--tactile-focus);outline-offset:3px;box-shadow:var(--tactile-focus-ring)}.neo-button-pill:focus-visible{outline:3px solid var(--neo-focus);outline-offset:3px;box-shadow:var(--neo-focus-ring)}.retro-button-pill:focus-visible{outline:3px solid var(--retro-focus);outline-offset:3px;box-shadow:var(--retro-focus-ring)}.brutal-button-pill:focus-visible{outline:3px solid var(--brutal-focus);outline-offset:3px;box-shadow:var(--brutal-focus-ring)}.cyber-button-pill:focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px;box-shadow:var(--cyber-focus-ring)}.y2k-button-pill:focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px;box-shadow:var(--y2k-focus-ring)}.rg-button-pill:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;box-shadow:var(--rg-focus-ring)}[data-ui][data-theme][data-mode] :where(.saas-button-pill:disabled,.saas-button-pill[aria-disabled=true],.bento-button-pill:disabled,.bento-button-pill[aria-disabled=true],.max-button-pill:disabled,.max-button-pill[aria-disabled=true],.bau-button-pill:disabled,.bau-button-pill[aria-disabled=true],.tactile-button-pill:disabled,.tactile-button-pill[aria-disabled=true],.neo-button-pill:disabled,.neo-button-pill[aria-disabled=true],.retro-button-pill:disabled,.retro-button-pill[aria-disabled=true],.brutal-button-pill:disabled,.brutal-button-pill[aria-disabled=true],.cyber-button-pill:disabled,.cyber-button-pill[aria-disabled=true],.y2k-button-pill:disabled,.y2k-button-pill[aria-disabled=true],.rg-button-pill:disabled,.rg-button-pill[aria-disabled=true]){opacity:.55;cursor:not-allowed;filter:none;transform:none}[data-ui][data-theme][data-mode] :where(.saas-tooltip,.saas-tooltip-top,.saas-tooltip-right,.saas-tooltip-bottom,.saas-tooltip-left,.bento-tooltip,.bento-tooltip-top,.bento-tooltip-right,.bento-tooltip-bottom,.bento-tooltip-left,.max-tooltip,.max-tooltip-top,.max-tooltip-right,.max-tooltip-bottom,.max-tooltip-left,.bau-tooltip,.bau-tooltip-top,.bau-tooltip-right,.bau-tooltip-bottom,.bau-tooltip-left,.tactile-tooltip,.tactile-tooltip-top,.tactile-tooltip-right,.tactile-tooltip-bottom,.tactile-tooltip-left,.neo-tooltip,.neo-tooltip-top,.neo-tooltip-right,.neo-tooltip-bottom,.neo-tooltip-left,.retro-tooltip,.retro-tooltip-top,.retro-tooltip-right,.retro-tooltip-bottom,.retro-tooltip-left,.brutal-tooltip,.brutal-tooltip-top,.brutal-tooltip-right,.brutal-tooltip-bottom,.brutal-tooltip-left,.cyber-tooltip,.cyber-tooltip-top,.cyber-tooltip-right,.cyber-tooltip-bottom,.cyber-tooltip-left,.y2k-tooltip,.y2k-tooltip-top,.y2k-tooltip-right,.y2k-tooltip-bottom,.y2k-tooltip-left,.rg-tooltip,.rg-tooltip-top,.rg-tooltip-right,.rg-tooltip-bottom,.rg-tooltip-left){text-align:start;overflow-wrap:anywhere;max-inline-size:min(18rem,100vw - 2rem)}[data-ui][data-theme][data-mode]:where([data-ui-tooltip-anchor]),[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]){position:relative}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-left){z-index:20;position:absolute}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-top,[data-ui-tooltip-anchor]>.bento-tooltip-top,[data-ui-tooltip-anchor]>.max-tooltip-top,[data-ui-tooltip-anchor]>.bau-tooltip-top,[data-ui-tooltip-anchor]>.tactile-tooltip-top,[data-ui-tooltip-anchor]>.neo-tooltip-top,[data-ui-tooltip-anchor]>.retro-tooltip-top,[data-ui-tooltip-anchor]>.brutal-tooltip-top,[data-ui-tooltip-anchor]>.cyber-tooltip-top,[data-ui-tooltip-anchor]>.y2k-tooltip-top,[data-ui-tooltip-anchor]>.rg-tooltip-top){inset-block-end:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-right,[data-ui-tooltip-anchor]>.bento-tooltip-right,[data-ui-tooltip-anchor]>.max-tooltip-right,[data-ui-tooltip-anchor]>.bau-tooltip-right,[data-ui-tooltip-anchor]>.tactile-tooltip-right,[data-ui-tooltip-anchor]>.neo-tooltip-right,[data-ui-tooltip-anchor]>.retro-tooltip-right,[data-ui-tooltip-anchor]>.brutal-tooltip-right,[data-ui-tooltip-anchor]>.cyber-tooltip-right,[data-ui-tooltip-anchor]>.y2k-tooltip-right,[data-ui-tooltip-anchor]>.rg-tooltip-right){inset-block-start:50%;inset-inline-start:calc(100% + .5rem);transform:translateY(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-bottom,[data-ui-tooltip-anchor]>.bento-tooltip-bottom,[data-ui-tooltip-anchor]>.max-tooltip-bottom,[data-ui-tooltip-anchor]>.bau-tooltip-bottom,[data-ui-tooltip-anchor]>.tactile-tooltip-bottom,[data-ui-tooltip-anchor]>.neo-tooltip-bottom,[data-ui-tooltip-anchor]>.retro-tooltip-bottom,[data-ui-tooltip-anchor]>.brutal-tooltip-bottom,[data-ui-tooltip-anchor]>.cyber-tooltip-bottom,[data-ui-tooltip-anchor]>.y2k-tooltip-bottom,[data-ui-tooltip-anchor]>.rg-tooltip-bottom){inset-block-start:calc(100% + .5rem);inset-inline-start:50%;transform:translate(-50%)}[data-ui][data-theme][data-mode] :where([data-ui-tooltip-anchor]>.saas-tooltip-left,[data-ui-tooltip-anchor]>.bento-tooltip-left,[data-ui-tooltip-anchor]>.max-tooltip-left,[data-ui-tooltip-anchor]>.bau-tooltip-left,[data-ui-tooltip-anchor]>.tactile-tooltip-left,[data-ui-tooltip-anchor]>.neo-tooltip-left,[data-ui-tooltip-anchor]>.retro-tooltip-left,[data-ui-tooltip-anchor]>.brutal-tooltip-left,[data-ui-tooltip-anchor]>.cyber-tooltip-left,[data-ui-tooltip-anchor]>.y2k-tooltip-left,[data-ui-tooltip-anchor]>.rg-tooltip-left){inset-block-start:50%;inset-inline-end:calc(100% + .5rem);transform:translateY(-50%)}.saas-pill{border-radius:var(--saas-radius-pill)}.bento-pill{border-radius:var(--bento-radius-pill)}.max-pill{border-radius:var(--max-radius-pill)}.bau-pill{border-radius:var(--bau-radius-pill)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.neo-pill{border-radius:var(--neo-radius-pill)}.retro-pill{border-radius:var(--retro-radius-pill)}.brutal-pill{border-radius:var(--brutal-radius-pill)}.cyber-pill{border-radius:var(--cyber-radius-pill)}.y2k-pill{border-radius:var(--y2k-radius-pill)}.rg-pill{border-radius:var(--rg-radius-pill)}.saas-rounded{border-radius:var(--saas-radius-md)}.bento-rounded{border-radius:var(--bento-radius-md)}.max-rounded{border-radius:var(--max-radius-md)}.bau-rounded{border-radius:var(--bau-radius-md)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.neo-rounded{border-radius:var(--neo-radius-md)}.retro-rounded{border-radius:var(--retro-radius-md)}.brutal-rounded{border-radius:var(--brutal-radius-md)}.cyber-rounded{border-radius:var(--cyber-radius-md)}.y2k-rounded{border-radius:var(--y2k-radius-md)}.rg-rounded{border-radius:var(--rg-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.brutal-rounded-lg{border-radius:var(--brutal-radius-lg)}.cyber-rounded-lg{border-radius:var(--cyber-radius-lg)}.y2k-rounded-lg{border-radius:var(--y2k-radius-lg)}.rg-rounded-lg{border-radius:var(--rg-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.brutal-rounded-xl{border-radius:var(--brutal-radius-xl)}.cyber-rounded-xl{border-radius:var(--cyber-radius-xl)}.y2k-rounded-xl{border-radius:var(--y2k-radius-xl)}.rg-rounded-xl{border-radius:var(--rg-radius-xl)}.saas-surface,.saas-surface-sm,.saas-surface-lg{color:var(--saas-text);background:var(--saas-card-bg);border:1px solid var(--saas-border)}.bento-surface,.bento-surface-sm,.bento-surface-lg{color:var(--bento-text);background:var(--bento-card-bg);border:1px solid var(--bento-border)}.max-surface,.max-surface-sm,.max-surface-lg{color:var(--max-text);background:var(--max-card-bg);border:1px solid var(--max-border)}.bau-surface,.bau-surface-sm,.bau-surface-lg{color:var(--bau-text);background:var(--bau-card-bg);border:1px solid var(--bau-border)}.tactile-surface,.tactile-surface-sm,.tactile-surface-lg{color:var(--tactile-text);background:var(--tactile-card-bg);border:1px solid var(--tactile-border)}.neo-surface,.neo-surface-sm,.neo-surface-lg{color:var(--neo-text);background:var(--neo-card-bg);border:1px solid var(--neo-border)}.retro-surface,.retro-surface-sm,.retro-surface-lg{color:var(--retro-text);background:var(--retro-card-bg);border:1px solid var(--retro-border)}.brutal-surface,.brutal-surface-sm,.brutal-surface-lg{color:var(--brutal-text);background:var(--brutal-card-bg);border:3px solid var(--brutal-border)}.cyber-surface,.cyber-surface-sm,.cyber-surface-lg{color:var(--cyber-text);background:var(--cyber-card-bg);border:1px solid var(--cyber-border)}.y2k-surface,.y2k-surface-sm,.y2k-surface-lg{color:var(--y2k-text);background:var(--y2k-card-bg);border:1px solid var(--y2k-border)}.rg-surface,.rg-surface-sm,.rg-surface-lg{color:var(--rg-text);background:var(--rg-card-bg);border:1px solid var(--rg-border)}.saas-bg-primary,.bento-bg-primary,.max-bg-primary,.bau-bg-primary,.tactile-bg-primary,.neo-bg-primary,.retro-bg-primary,.brutal-bg-primary,.cyber-bg-primary,.y2k-bg-primary,.rg-bg-primary{background:var(--usk-native-primary);color:var(--usk-native-on-primary)}.saas-bg-secondary,.bento-bg-secondary,.max-bg-secondary,.bau-bg-secondary,.tactile-bg-secondary,.neo-bg-secondary,.retro-bg-secondary,.brutal-bg-secondary,.cyber-bg-secondary,.y2k-bg-secondary,.rg-bg-secondary{background:var(--usk-native-surface-soft);color:var(--usk-native-text)}.saas-border,.bento-border,.max-border,.bau-border,.tactile-border,.neo-border,.retro-border,.brutal-border,.cyber-border,.y2k-border,.rg-border{border:var(--usk-native-border-width) solid var(--usk-native-border)}.saas-divider,.bento-divider,.max-divider,.bau-divider,.tactile-divider,.neo-divider,.retro-divider,.brutal-divider,.cyber-divider,.y2k-divider,.rg-divider{background:var(--usk-native-border);border:0;block-size:1px;inline-size:100%}.saas-disabled,.bento-disabled,.max-disabled,.bau-disabled,.tactile-disabled,.neo-disabled,.retro-disabled,.brutal-disabled,.cyber-disabled,.y2k-disabled,.rg-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.saas-button-ghost,.bento-button-ghost,.max-button-ghost,.bau-button-ghost,.tactile-button-ghost,.neo-button-ghost,.retro-button-ghost,.brutal-button-ghost,.cyber-button-ghost,.y2k-button-ghost,.rg-button-ghost,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-button:where([data-ui-variant=ghost]){color:var(--usk-native-primary);border-color:var(--usk-native-border);background:0 0}.saas-check,.saas-radio,.saas-switch,.bento-check,.bento-radio,.bento-switch,.max-check,.max-radio,.max-switch,.bau-check,.bau-radio,.bau-switch,.tactile-check,.tactile-radio,.tactile-switch,.neo-check,.neo-radio,.neo-switch,.retro-check,.retro-radio,.retro-switch,.brutal-check,.brutal-radio,.brutal-switch,.cyber-check,.cyber-radio,.cyber-switch,.y2k-check,.y2k-radio,.y2k-switch,.rg-check,.rg-radio,.rg-switch,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch{align-items:center;gap:var(--usk-native-field-gap);min-block-size:24px;color:var(--usk-native-text);display:inline-flex}.saas-check-control,.saas-radio-control,.bento-check-control,.bento-radio-control,.max-check-control,.max-radio-control,.bau-check-control,.bau-radio-control,.tactile-check-control,.tactile-radio-control,.neo-check-control,.neo-radio-control,.retro-check-control,.retro-radio-control,.brutal-check-control,.brutal-radio-control,.cyber-check-control,.cyber-radio-control,.y2k-check-control,.y2k-radio-control,.rg-check-control,.rg-radio-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-check-control,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-radio-control{block-size:1.5rem;inline-size:1.5rem;accent-color:var(--usk-native-primary)}.saas-switch-track,.bento-switch-track,.max-switch-track,.bau-switch-track,.tactile-switch-track,.neo-switch-track,.retro-switch-track,.brutal-switch-track,.cyber-switch-track,.y2k-switch-track,.rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-track{background:var(--usk-native-track);border:var(--usk-native-border-width) solid var(--usk-native-border);border-radius:999px;align-items:center;block-size:1.5rem;inline-size:2.75rem;padding:.18rem;display:inline-flex;position:relative}.saas-switch-thumb,.bento-switch-thumb,.max-switch-thumb,.bau-switch-thumb,.tactile-switch-thumb,.neo-switch-thumb,.retro-switch-thumb,.brutal-switch-thumb,.cyber-switch-thumb,.y2k-switch-thumb,.rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch-thumb{background:var(--usk-native-thumb);border:var(--usk-native-border-width) solid var(--usk-native-thumb-border);border-radius:999px;block-size:1rem;inline-size:1rem;transition:transform .16s}.saas-switch:has(input:checked) .saas-switch-track,.bento-switch:has(input:checked) .bento-switch-track,.max-switch:has(input:checked) .max-switch-track,.bau-switch:has(input:checked) .bau-switch-track,.tactile-switch:has(input:checked) .tactile-switch-track,.neo-switch:has(input:checked) .neo-switch-track,.retro-switch:has(input:checked) .retro-switch-track,.brutal-switch:has(input:checked) .brutal-switch-track,.cyber-switch:has(input:checked) .cyber-switch-track,.y2k-switch:has(input:checked) .y2k-switch-track,.rg-switch:has(input:checked) .rg-switch-track,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-track{background:var(--usk-native-track-fill)}.saas-switch:has(input:checked) .saas-switch-thumb,.bento-switch:has(input:checked) .bento-switch-thumb,.max-switch:has(input:checked) .max-switch-thumb,.bau-switch:has(input:checked) .bau-switch-thumb,.tactile-switch:has(input:checked) .tactile-switch-thumb,.neo-switch:has(input:checked) .neo-switch-thumb,.retro-switch:has(input:checked) .retro-switch-thumb,.brutal-switch:has(input:checked) .brutal-switch-thumb,.cyber-switch:has(input:checked) .cyber-switch-thumb,.y2k-switch:has(input:checked) .y2k-switch-thumb,.rg-switch:has(input:checked) .rg-switch-thumb,:where([data-ui=minimal-saas],[data-ui=bento],[data-ui=maximalist],[data-ui=bauhaus],[data-ui=tactile],[data-ui=neumorphism],[data-ui=retrofuturism],[data-ui=brutalism],[data-ui=cyberpunk],[data-ui=y2k],[data-ui=retro-glass]) .ui-switch:has(input:checked) .ui-switch-thumb{transform:translate(1.25rem)}.saas-sr-only,.saas-visually-hidden,.bento-sr-only,.bento-visually-hidden,.max-sr-only,.max-visually-hidden,.bau-sr-only,.bau-visually-hidden,.tactile-sr-only,.tactile-visually-hidden,.neo-sr-only,.neo-visually-hidden,.retro-sr-only,.retro-visually-hidden,.brutal-sr-only,.brutal-visually-hidden,.cyber-sr-only,.cyber-visually-hidden,.y2k-sr-only,.y2k-visually-hidden,.rg-sr-only,.rg-visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link,.bento-skip-link,.max-skip-link,.bau-skip-link,.tactile-skip-link,.neo-skip-link,.retro-skip-link,.brutal-skip-link,.cyber-skip-link,.y2k-skip-link,.rg-skip-link{z-index:1000;color:var(--usk-native-on-primary);background:var(--usk-native-primary);border-radius:var(--usk-native-radius);padding:.75rem 1rem;position:absolute;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(calc(-100% - 1rem))}.saas-skip-link:focus-visible,.bento-skip-link:focus-visible,.max-skip-link:focus-visible,.bau-skip-link:focus-visible,.tactile-skip-link:focus-visible,.neo-skip-link:focus-visible,.retro-skip-link:focus-visible,.brutal-skip-link:focus-visible,.cyber-skip-link:focus-visible,.y2k-skip-link:focus-visible,.rg-skip-link:focus-visible{transform:translateY(0)}}@layer ui-style-kit.presets{:root{--saas-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--saas-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--saas-font-body:var(--saas-font-sans);--saas-font-heading:var(--saas-font-display);--saas-font-control:var(--saas-font-display);--saas-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--saas-radius-xs:.25rem;--saas-radius-sm:.5rem;--saas-radius-md:.75rem;--saas-radius-lg:1.125rem;--saas-radius-xl:calc(1.125rem + .5rem);--saas-radius-pill:999px;--saas-space-1:.25rem;--saas-space-2:.5rem;--saas-space-3:.75rem;--saas-space-4:1rem;--saas-space-5:1.25rem;--saas-space-6:1.5rem;--saas-space-8:2rem;--saas-transition-fast:.15s ease;--saas-transition-base:.24s ease}[data-ui=minimal-saas][data-mode=light]{color-scheme:light;--saas-panel-alpha:.98;--saas-panel-soft-alpha:.78;--saas-border-alpha:.58;--saas-shadow-alpha:.12;--saas-focus-alpha:.34}[data-ui=minimal-saas][data-mode=dark]{color-scheme:dark;--saas-panel-alpha:.92;--saas-panel-soft-alpha:.64;--saas-border-alpha:.52;--saas-shadow-alpha:.34;--saas-focus-alpha:.42}[data-ui=minimal-saas][data-mode=contrast]{color-scheme:dark;--saas-panel-alpha:1;--saas-panel-soft-alpha:.92;--saas-border-alpha:1;--saas-shadow-alpha:.5;--saas-focus-alpha:.72}[data-ui=minimal-saas][data-theme][data-mode]{--saas-bg-rgb:var(--usk-bg-rgb);--saas-surface-rgb:var(--usk-surface-rgb);--saas-surface-strong-rgb:var(--usk-surface-strong-rgb);--saas-surface-soft-rgb:var(--usk-surface-soft-rgb);--saas-text-rgb:var(--usk-text-rgb);--saas-text-muted-rgb:var(--usk-text-muted-rgb);--saas-border-rgb:var(--usk-border-rgb);--saas-primary-rgb:var(--usk-primary-rgb);--saas-primary-hover-rgb:var(--usk-primary-hover-rgb);--saas-primary-text-rgb:var(--usk-primary-text-rgb);--saas-secondary-rgb:var(--usk-secondary-rgb);--saas-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--saas-secondary-text-rgb:var(--usk-secondary-text-rgb);--saas-accent-rgb:var(--usk-accent-rgb);--saas-success-rgb:var(--usk-success-rgb);--saas-warning-rgb:var(--usk-warning-rgb);--saas-danger-rgb:var(--usk-danger-rgb);--saas-link-rgb:var(--usk-link-rgb);--saas-accent-text-rgb:var(--usk-accent-text-rgb);--saas-success-text-rgb:var(--usk-success-text-rgb);--saas-warning-text-rgb:var(--usk-warning-text-rgb);--saas-danger-text-rgb:var(--usk-danger-text-rgb);--saas-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--saas-surface);--usk-native-surface-strong:var(--saas-surface-strong);--usk-native-surface-soft:var(--saas-surface-soft);--usk-native-card-bg:var(--saas-card-bg);--usk-native-control-bg:var(--saas-control-bg);--usk-native-text:var(--saas-text);--usk-native-text-muted:var(--saas-text-muted);--usk-native-border:var(--saas-border);--usk-native-primary:var(--saas-primary);--usk-native-primary-hover:var(--saas-primary-hover);--usk-native-on-primary:var(--saas-on-primary);--usk-native-focus:var(--saas-focus);--usk-native-success:var(--saas-success);--usk-native-warning:var(--saas-warning);--usk-native-danger:var(--saas-danger);--usk-native-link:var(--saas-link);--usk-native-font-body:var(--saas-font-body);--usk-native-font-heading:var(--saas-font-heading);--usk-native-font-control:var(--saas-font-control);--usk-native-font-mono:var(--saas-font-mono);--usk-native-radius-sm:var(--saas-radius-sm);--usk-native-radius:var(--saas-radius-md);--usk-native-radius-lg:var(--saas-radius-lg);--usk-native-shadow:var(--saas-shadow-sm,none);--usk-native-shadow-md:var(--saas-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--saas-focus-ring,0 0 0 3px rgb(var(--saas-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--saas-space-5);--saas-bg:rgb(var(--saas-bg-rgb));--saas-surface:rgb(var(--saas-surface-rgb) / var(--saas-panel-alpha));--saas-surface-strong:rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha));--saas-surface-soft:rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha));--saas-text:rgb(var(--saas-text-rgb));--saas-text-muted:rgb(var(--saas-text-muted-rgb));--saas-fg:var(--saas-text);--saas-surface-fg:var(--saas-text);--saas-muted:var(--saas-text-muted);--saas-border:rgb(var(--saas-border-rgb) / var(--saas-border-alpha));--saas-control-fg:var(--saas-text);--saas-primary:rgb(var(--saas-primary-rgb));--saas-primary-hover:rgb(var(--saas-primary-hover-rgb));--saas-primary-text:rgb(var(--saas-primary-text-rgb));--saas-secondary:rgb(var(--saas-secondary-rgb));--saas-secondary-hover:rgb(var(--saas-secondary-hover-rgb));--saas-secondary-text:rgb(var(--saas-secondary-text-rgb));--saas-on-primary:var(--saas-primary-text);--saas-on-secondary:var(--saas-secondary-text);--saas-on-accent:rgb(var(--saas-accent-text-rgb));--saas-on-success:rgb(var(--saas-success-text-rgb));--saas-on-warning:rgb(var(--saas-warning-text-rgb));--saas-on-danger:rgb(var(--saas-danger-text-rgb));--saas-accent:rgb(var(--saas-accent-rgb));--saas-success:rgb(var(--saas-success-rgb));--saas-warning:rgb(var(--saas-warning-rgb));--saas-danger:rgb(var(--saas-danger-rgb));--saas-link:rgb(var(--saas-link-rgb));--saas-focus:rgb(var(--saas-focus-rgb));--saas-focus-ring:0 0 0 3px rgb(var(--saas-focus-rgb) / var(--saas-focus-alpha));--saas-theme-bg-size:auto;--saas-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--saas-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--saas-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--saas-secondary-rgb) / .1), transparent 34rem), var(--saas-bg);--saas-card-bg:linear-gradient(135deg, rgb(var(--saas-primary-rgb) / .1), rgb(var(--saas-accent-rgb) / .055) 42%, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)) 100%), var(--saas-surface);--saas-control-bg:linear-gradient(180deg, rgb(var(--saas-surface-strong-rgb) / var(--saas-panel-alpha)), rgb(var(--saas-surface-soft-rgb) / var(--saas-panel-soft-alpha)));--saas-spinner-track:rgb(var(--saas-border-rgb) / max(.28, calc(var(--saas-border-alpha) * .7)));--saas-spinner-stroke:var(--saas-primary);--saas-spinner-accent:var(--saas-accent)}[data-ui=minimal-saas]{background:linear-gradient(180deg,rgb(var(--saas-primary-rgb)/.04),transparent 22rem),var(--saas-bg);color:var(--saas-text);font-family:var(--saas-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{box-sizing:border-box}[data-ui=minimal-saas][data-theme][data-mode]{background:var(--saas-theme-bg);background-size:var(--saas-theme-bg-size)}.saas-title,.saas-heading,.saas-kicker,.saas-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-badge,:where([data-ui=minimal-saas]) .ui-nav-link{font-family:var(--saas-font-heading)}.saas-title{color:var(--saas-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.saas-heading{color:var(--saas-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.saas-kicker{color:var(--saas-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.saas-subtitle,.saas-copy{color:var(--saas-text-muted);margin:0;line-height:1.65}.saas-text-muted{color:var(--saas-text-muted)}.saas-divider{background:var(--saas-border);border:0;width:100%;height:1px}.saas-surface,.saas-card,.saas-panel,.saas-toolbar,.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-card,:where([data-ui=minimal-saas]) .ui-toolbar,:where([data-ui=minimal-saas]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(15 23 42/var(--saas-shadow-alpha));transition:transform var(--saas-transition-base),box-shadow var(--saas-transition-base),border-color var(--saas-transition-base),background var(--saas-transition-base);position:relative}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{padding:var(--saas-space-6)}.saas-toolbar,:where([data-ui=minimal-saas]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--saas-space-4);padding:var(--saas-space-4);flex-wrap:wrap;display:flex}.saas-surface-sm{border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--saas-shadow-alpha)*.72))}.saas-surface-lg{border-radius:var(--saas-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .08))}.saas-well,.saas-inset{background:var(--saas-surface-soft);color:var(--saas-text);border:1px solid rgb(var(--saas-border-rgb)/calc(var(--saas-border-alpha)*.7));border-radius:var(--saas-radius-md);padding:var(--saas-space-5);box-shadow:inset 0 1px 3px #00000014}.saas-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--saas-shadow-alpha) + .12));transform:translateY(-2px)}.saas-button,.saas-icon-button,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--saas-space-2);background:var(--saas-surface);min-height:2.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--saas-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--saas-transition-fast),background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast),transform var(--saas-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.saas-button:hover,.saas-icon-button:hover,:where([data-ui=minimal-saas]) .ui-button:hover,:where([data-ui=minimal-saas]) .ui-icon-button:hover{border-color:var(--saas-primary);transform:translateY(-1px)}.saas-button:active,.saas-icon-button:active,.saas-button[aria-pressed=true],.saas-icon-button[aria-pressed=true],.saas-button.is-active,.saas-icon-button.is-active,:where([data-ui=minimal-saas]) .ui-button:active,:where([data-ui=minimal-saas]) .ui-icon-button:active,:where([data-ui=minimal-saas]) .ui-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-pressed=true],:where([data-ui=minimal-saas]) .ui-button.is-active,:where([data-ui=minimal-saas]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.saas-button-primary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-button-primary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--saas-primary-hover);border-color:var(--saas-primary-hover)}.saas-button-secondary,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-button-secondary:hover,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--saas-secondary-hover);border-color:var(--saas-secondary-hover)}.saas-button-danger,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-button-ghost,:where([data-ui=minimal-saas]) .ui-button:where([data-ui-variant=ghost]){color:var(--saas-text);box-shadow:none;background:0 0}.saas-icon-button,:where([data-ui=minimal-saas]) .ui-icon-button{border-radius:var(--saas-radius-pill);width:2.75rem;padding:0}.saas-button:disabled,.saas-icon-button:disabled,.saas-disabled,:where([data-ui=minimal-saas]) .ui-button:disabled,:where([data-ui=minimal-saas]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.saas-card,.saas-panel,:where([data-ui=minimal-saas]) .ui-card{background:var(--saas-card-bg)}.saas-toolbar,.saas-table-wrap,.saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost),.saas-icon-button,:where([data-ui=minimal-saas]) .ui-toolbar,:where([data-ui=minimal-saas]) .ui-table-wrap,:where([data-ui=minimal-saas]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=minimal-saas]) .ui-icon-button{background:var(--saas-control-bg)}.saas-button,.saas-icon-button,.saas-badge,.saas-nav-link,:where([data-ui=minimal-saas]) .ui-button,:where([data-ui=minimal-saas]) .ui-icon-button,:where([data-ui=minimal-saas]) .ui-badge,:where([data-ui=minimal-saas]) .ui-nav-link{font-family:var(--saas-font-control)}.saas-field,:where([data-ui=minimal-saas]) .ui-field{gap:var(--saas-space-2);flex-direction:column;display:flex}.saas-label,:where([data-ui=minimal-saas]) .ui-label{color:var(--saas-text);font-size:.925rem;font-weight:800}.saas-input,.saas-textarea,.saas-select,:where([data-ui=minimal-saas]) .ui-input,:where([data-ui=minimal-saas]) .ui-textarea,:where([data-ui=minimal-saas]) .ui-select{background:var(--saas-surface-soft);width:100%;min-height:2.875rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);font:inherit;transition:background var(--saas-transition-fast),border-color var(--saas-transition-fast),box-shadow var(--saas-transition-fast);outline:none;padding:.75rem 1rem}.saas-textarea,:where([data-ui=minimal-saas]) .ui-textarea{resize:vertical;min-height:8rem}.saas-input::placeholder,.saas-textarea::placeholder,:where([data-ui=minimal-saas]) .ui-input::placeholder,:where([data-ui=minimal-saas]) .ui-textarea::placeholder{color:var(--saas-text-muted);opacity:.82}.saas-input:hover,.saas-textarea:hover,.saas-select:hover,:where([data-ui=minimal-saas]) .ui-input:hover,:where([data-ui=minimal-saas]) .ui-textarea:hover,:where([data-ui=minimal-saas]) .ui-select:hover{border-color:rgb(var(--saas-primary-rgb)/.58)}.saas-input:focus,.saas-textarea:focus,.saas-select:focus,:where([data-ui=minimal-saas]) .ui-input:focus,:where([data-ui=minimal-saas]) .ui-textarea:focus,:where([data-ui=minimal-saas]) .ui-select:focus{border-color:var(--saas-focus);box-shadow:var(--saas-focus-ring)}.saas-help-text,:where([data-ui=minimal-saas]) .ui-help-text{color:var(--saas-text-muted);font-size:.875rem;line-height:1.45}.saas-check,.saas-radio,:where([data-ui=minimal-saas]) .ui-check,:where([data-ui=minimal-saas]) .ui-radio{align-items:center;gap:var(--saas-space-2);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-check input,.saas-radio input,:where([data-ui=minimal-saas]) .ui-check input,:where([data-ui=minimal-saas]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.saas-check-control,.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check-control,:where([data-ui=minimal-saas]) .ui-radio-control{background:var(--saas-surface-soft);border:1px solid var(--saas-border);width:1.35rem;height:1.35rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);place-items:center;display:inline-grid}.saas-check-control,:where([data-ui=minimal-saas]) .ui-check-control{border-radius:var(--saas-radius-xs)}.saas-radio-control,:where([data-ui=minimal-saas]) .ui-radio-control{border-radius:50%}.saas-check input:checked+.saas-check-control,.saas-radio input:checked+.saas-radio-control,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control{background:var(--saas-primary);border-color:var(--saas-primary);box-shadow:var(--saas-focus-ring)}.saas-check input:checked+.saas-check-control:after,:where([data-ui=minimal-saas]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--saas-on-primary);font-size:.9rem;font-weight:900}.saas-radio input:checked+.saas-radio-control:after,:where([data-ui=minimal-saas]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--saas-on-primary);border-radius:50%;width:.55rem;height:.55rem}.saas-switch,:where([data-ui=minimal-saas]) .ui-switch{align-items:center;gap:var(--saas-space-3);color:var(--saas-text);cursor:pointer;display:inline-flex}.saas-switch input,:where([data-ui=minimal-saas]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch-track{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);position:relative}.saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch-thumb{background:var(--saas-surface-strong);border:1px solid var(--saas-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--saas-shadow-alpha));transition:left var(--saas-transition-fast),background var(--saas-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.saas-switch input:checked+.saas-switch-track,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track{background:var(--saas-primary);border-color:var(--saas-primary)}.saas-switch input:checked+.saas-switch-track .saas-switch-thumb,:where([data-ui=minimal-saas]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--saas-on-primary);left:calc(100% - 1.56rem)}.saas-badge,:where([data-ui=minimal-saas]) .ui-badge{align-items:center;gap:var(--saas-space-1);background:var(--saas-surface-soft);min-height:1.75rem;color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.saas-badge-primary,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=primary]){background:var(--saas-primary);color:var(--saas-on-primary);border-color:var(--saas-primary)}.saas-badge-secondary,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=secondary]){background:var(--saas-secondary);color:var(--saas-on-secondary);border-color:var(--saas-secondary)}.saas-badge-success,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=success]){background:var(--saas-success);color:var(--saas-on-success);border-color:var(--saas-success)}.saas-badge-warning,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=warning]){background:var(--saas-warning);color:var(--saas-on-warning);border-color:var(--saas-warning)}.saas-badge-danger,:where([data-ui=minimal-saas]) .ui-badge:where([data-ui-variant=danger]){background:var(--saas-danger);color:var(--saas-on-danger);border-color:var(--saas-danger)}.saas-nav,:where([data-ui=minimal-saas]) .ui-nav{align-items:center;gap:var(--saas-space-2);padding:var(--saas-space-2);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));flex-wrap:wrap;display:flex}.saas-nav-link,:where([data-ui=minimal-saas]) .ui-nav-link{min-height:2.5rem;color:var(--saas-text-muted);border-radius:var(--saas-radius-pill);transition:color var(--saas-transition-fast),background var(--saas-transition-fast),box-shadow var(--saas-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.saas-nav-link:hover,:where([data-ui=minimal-saas]) .ui-nav-link:hover{color:var(--saas-text);background:var(--saas-surface-soft)}.saas-nav-link[aria-current=page],.saas-nav-link.is-active,:where([data-ui=minimal-saas]) .ui-nav-link[aria-current=page],:where([data-ui=minimal-saas]) .ui-nav-link.is-active{color:var(--saas-on-primary);background:var(--saas-primary)}.saas-tooltip,[data-ui=minimal-saas] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--saas-text);max-inline-size:16rem;color:var(--saas-bg);border:1px solid var(--saas-border);border-radius:var(--saas-radius-md);align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:0 .75rem 1.6rem #0f172a3d}.saas-tooltip-arrow{opacity:.9;background:currentColor;border-radius:.12rem;flex:none;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.saas-progress,:where([data-ui=minimal-saas]) .ui-progress{background:var(--saas-surface-soft);border:1px solid var(--saas-border);border-radius:var(--saas-radius-pill);width:100%;height:.9rem;overflow:hidden}.saas-progress-bar,:where([data-ui=minimal-saas]) .ui-progress-bar{height:100%;width:var(--saas-progress-value,50%);background:linear-gradient(90deg,var(--saas-primary),var(--saas-accent));border-radius:inherit}.saas-alert,:where([data-ui=minimal-saas]) .ui-alert{gap:var(--saas-space-2);padding:var(--saas-space-4);background:var(--saas-surface);color:var(--saas-text);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--saas-shadow-alpha));display:grid}.saas-alert-success,:where([data-ui=minimal-saas]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--saas-success)}.saas-alert-warning,:where([data-ui=minimal-saas]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--saas-warning)}.saas-alert-danger,:where([data-ui=minimal-saas]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--saas-danger)}.saas-alert-title,:where([data-ui=minimal-saas]) .ui-alert-title{margin:0;font-weight:900}.saas-alert-body,:where([data-ui=minimal-saas]) .ui-alert-body{color:var(--saas-text-muted);margin:0;line-height:1.55}.saas-table-wrap,:where([data-ui=minimal-saas]) .ui-table-wrap{overflow:auto}.saas-table,:where([data-ui=minimal-saas]) .ui-table{border-collapse:collapse;width:100%}.saas-table th,.saas-table td,:where([data-ui=minimal-saas]) .ui-table th,:where([data-ui=minimal-saas]) .ui-table td{text-align:left;border-bottom:1px solid var(--saas-border);padding:.95rem 1rem}.saas-table th,:where([data-ui=minimal-saas]) .ui-table th{color:var(--saas-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--saas-primary-rgb)/.08);font-size:.82rem;font-weight:900}.saas-table td,:where([data-ui=minimal-saas]) .ui-table td{color:var(--saas-text-muted)}.saas-table tr:hover td,:where([data-ui=minimal-saas]) .ui-table tr:hover td{background:rgb(var(--saas-primary-rgb)/.045)}.saas-text-primary{color:var(--saas-primary)}.saas-text-secondary{color:var(--saas-secondary)}.saas-text-accent{color:var(--saas-accent)}.saas-text-success{color:var(--saas-success)}.saas-text-warning{color:var(--saas-warning)}.saas-text-danger{color:var(--saas-danger)}.saas-bg-primary{background:var(--saas-primary);color:var(--saas-on-primary)}.saas-bg-secondary{background:var(--saas-secondary);color:var(--saas-on-secondary)}.saas-border{border:1px solid var(--saas-border)}.saas-rounded{border-radius:var(--saas-radius-md)}.saas-rounded-lg{border-radius:var(--saas-radius-lg)}.saas-rounded-xl{border-radius:var(--saas-radius-xl)}.saas-pill{border-radius:var(--saas-radius-pill)}.saas-sr-only,.saas-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.saas-skip-link{z-index:9999;background:var(--saas-primary);color:var(--saas-on-primary);border-radius:var(--saas-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.saas-skip-link:focus{transform:translateY(0)}.saas-metric{padding:var(--saas-space-5);background:var(--saas-surface);border:1px solid var(--saas-border);border-radius:var(--saas-radius-lg);gap:.25rem;display:grid}.saas-metric-value{color:var(--saas-text);letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:850;line-height:1}.saas-metric-label{color:var(--saas-text-muted);font-size:.9rem;font-weight:700}.saas-empty-state{place-items:center;gap:var(--saas-space-3);min-height:14rem;padding:var(--saas-space-6);text-align:center;background:var(--saas-surface-soft);border:1px dashed var(--saas-border);border-radius:var(--saas-radius-lg);display:grid}.saas-spinner,.saas-loading-spinner,[data-ui=minimal-saas] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.25rem solid var(--saas-spinner-track);border-block-start-color:var(--saas-spinner-stroke);border-inline-end-color:var(--saas-spinner-accent);vertical-align:-.2em;border-radius:50%;block-size:2rem;inline-size:2rem;animation:.75s linear infinite saas-spin;display:inline-block}.saas-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.saas-spinner-lg{border-width:.32rem;block-size:3rem;inline-size:3rem}.saas-button[aria-busy=true],.saas-icon-button[aria-busy=true],[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=minimal-saas]) .ui-button[aria-busy=true],:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.saas-button[aria-busy=true]:after,.saas-icon-button[aria-busy=true]:after,[data-ui=minimal-saas] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=minimal-saas]) .ui-button[aria-busy=true]:after,:where([data-ui=minimal-saas]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--saas-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite saas-spin;display:inline-block}@keyframes saas-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=minimal-saas] *,[data-ui=minimal-saas] :before,[data-ui=minimal-saas] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=minimal-saas]{--saas-border-alpha:1;--saas-focus-alpha:.75}}@media (forced-colors:active){[data-ui=minimal-saas] *{forced-color-adjust:auto}[data-ui=minimal-saas] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=minimal-saas]{color:#000!important;background:#fff!important}[data-ui=minimal-saas] *{box-shadow:none!important;text-shadow:none!important}[data-ui=minimal-saas] a{text-decoration:underline;color:#000!important}}:root{--bento-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bento-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--bento-font-body:var(--bento-font-sans);--bento-font-heading:var(--bento-font-display);--bento-font-control:var(--bento-font-display);--bento-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bento-radius-xs:.25rem;--bento-radius-sm:.5rem;--bento-radius-md:1rem;--bento-radius-lg:1.75rem;--bento-radius-xl:calc(1.75rem + .5rem);--bento-radius-pill:999px;--bento-space-1:.25rem;--bento-space-2:.5rem;--bento-space-3:.75rem;--bento-space-4:1rem;--bento-space-5:1.25rem;--bento-space-6:1.5rem;--bento-space-8:2rem;--bento-transition-fast:.15s ease;--bento-transition-base:.24s ease}[data-ui=bento][data-mode=light]{color-scheme:light;--bento-panel-alpha:.98;--bento-panel-soft-alpha:.78;--bento-border-alpha:.58;--bento-shadow-alpha:.12;--bento-focus-alpha:.34}[data-ui=bento][data-mode=dark]{color-scheme:dark;--bento-panel-alpha:.92;--bento-panel-soft-alpha:.64;--bento-border-alpha:.52;--bento-shadow-alpha:.34;--bento-focus-alpha:.42}[data-ui=bento][data-mode=contrast]{color-scheme:dark;--bento-panel-alpha:1;--bento-panel-soft-alpha:.92;--bento-border-alpha:1;--bento-shadow-alpha:.5;--bento-focus-alpha:.72}[data-ui=bento][data-theme][data-mode]{--bento-bg-rgb:var(--usk-bg-rgb);--bento-surface-rgb:var(--usk-surface-rgb);--bento-surface-strong-rgb:var(--usk-surface-strong-rgb);--bento-surface-soft-rgb:var(--usk-surface-soft-rgb);--bento-text-rgb:var(--usk-text-rgb);--bento-text-muted-rgb:var(--usk-text-muted-rgb);--bento-border-rgb:var(--usk-border-rgb);--bento-primary-rgb:var(--usk-primary-rgb);--bento-primary-hover-rgb:var(--usk-primary-hover-rgb);--bento-primary-text-rgb:var(--usk-primary-text-rgb);--bento-secondary-rgb:var(--usk-secondary-rgb);--bento-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bento-secondary-text-rgb:var(--usk-secondary-text-rgb);--bento-accent-rgb:var(--usk-accent-rgb);--bento-success-rgb:var(--usk-success-rgb);--bento-warning-rgb:var(--usk-warning-rgb);--bento-danger-rgb:var(--usk-danger-rgb);--bento-link-rgb:var(--usk-link-rgb);--bento-accent-text-rgb:var(--usk-accent-text-rgb);--bento-success-text-rgb:var(--usk-success-text-rgb);--bento-warning-text-rgb:var(--usk-warning-text-rgb);--bento-danger-text-rgb:var(--usk-danger-text-rgb);--bento-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bento-surface);--usk-native-surface-strong:var(--bento-surface-strong);--usk-native-surface-soft:var(--bento-surface-soft);--usk-native-card-bg:var(--bento-card-bg);--usk-native-control-bg:var(--bento-control-bg);--usk-native-text:var(--bento-text);--usk-native-text-muted:var(--bento-text-muted);--usk-native-border:var(--bento-border);--usk-native-primary:var(--bento-primary);--usk-native-primary-hover:var(--bento-primary-hover);--usk-native-on-primary:var(--bento-on-primary);--usk-native-focus:var(--bento-focus);--usk-native-success:var(--bento-success);--usk-native-warning:var(--bento-warning);--usk-native-danger:var(--bento-danger);--usk-native-link:var(--bento-link);--usk-native-font-body:var(--bento-font-body);--usk-native-font-heading:var(--bento-font-heading);--usk-native-font-control:var(--bento-font-control);--usk-native-font-mono:var(--bento-font-mono);--usk-native-radius-sm:var(--bento-radius-sm);--usk-native-radius:var(--bento-radius-md);--usk-native-radius-lg:var(--bento-radius-lg);--usk-native-shadow:var(--bento-shadow-sm,none);--usk-native-shadow-md:var(--bento-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bento-focus-ring,0 0 0 3px rgb(var(--bento-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bento-space-5);--bento-bg:rgb(var(--bento-bg-rgb));--bento-surface:rgb(var(--bento-surface-rgb) / var(--bento-panel-alpha));--bento-surface-strong:rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha));--bento-surface-soft:rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha));--bento-text:rgb(var(--bento-text-rgb));--bento-text-muted:rgb(var(--bento-text-muted-rgb));--bento-fg:var(--bento-text);--bento-surface-fg:var(--bento-text);--bento-muted:var(--bento-text-muted);--bento-border:rgb(var(--bento-border-rgb) / var(--bento-border-alpha));--bento-control-fg:var(--bento-text);--bento-primary:rgb(var(--bento-primary-rgb));--bento-primary-hover:rgb(var(--bento-primary-hover-rgb));--bento-primary-text:rgb(var(--bento-primary-text-rgb));--bento-secondary:rgb(var(--bento-secondary-rgb));--bento-secondary-hover:rgb(var(--bento-secondary-hover-rgb));--bento-secondary-text:rgb(var(--bento-secondary-text-rgb));--bento-on-primary:var(--bento-primary-text);--bento-on-secondary:var(--bento-secondary-text);--bento-on-accent:rgb(var(--bento-accent-text-rgb));--bento-on-success:rgb(var(--bento-success-text-rgb));--bento-on-warning:rgb(var(--bento-warning-text-rgb));--bento-on-danger:rgb(var(--bento-danger-text-rgb));--bento-accent:rgb(var(--bento-accent-rgb));--bento-success:rgb(var(--bento-success-rgb));--bento-warning:rgb(var(--bento-warning-rgb));--bento-danger:rgb(var(--bento-danger-rgb));--bento-link:rgb(var(--bento-link-rgb));--bento-focus:rgb(var(--bento-focus-rgb));--bento-focus-ring:0 0 0 3px rgb(var(--bento-focus-rgb) / var(--bento-focus-alpha));--bento-theme-bg-size:auto;--bento-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bento-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--bento-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--bento-secondary-rgb) / .1), transparent 34rem), var(--bento-bg);--bento-card-bg:linear-gradient(135deg, rgb(var(--bento-primary-rgb) / .1), rgb(var(--bento-accent-rgb) / .055) 42%, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)) 100%), var(--bento-surface);--bento-control-bg:linear-gradient(180deg, rgb(var(--bento-surface-strong-rgb) / var(--bento-panel-alpha)), rgb(var(--bento-surface-soft-rgb) / var(--bento-panel-soft-alpha)));--bento-spinner-track:rgb(var(--bento-border-rgb) / max(.28, calc(var(--bento-border-alpha) * .7)));--bento-spinner-stroke:var(--bento-primary);--bento-spinner-accent:var(--bento-accent)}[data-ui=bento]{background:radial-gradient(circle at 20% 5%,rgb(var(--bento-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--bento-secondary-rgb)/.12),transparent 24rem),var(--bento-bg);color:var(--bento-text);font-family:var(--bento-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{box-sizing:border-box}[data-ui=bento][data-theme][data-mode]{background:var(--bento-theme-bg);background-size:var(--bento-theme-bg-size)}.bento-title,.bento-heading,.bento-kicker,.bento-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-badge,:where([data-ui=bento]) .ui-nav-link{font-family:var(--bento-font-heading)}.bento-title{color:var(--bento-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bento-heading{color:var(--bento-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bento-kicker{color:var(--bento-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bento-subtitle,.bento-copy{color:var(--bento-text-muted);margin:0;line-height:1.65}.bento-text-muted{color:var(--bento-text-muted)}.bento-divider{background:var(--bento-border);border:0;width:100%;height:1px}.bento-surface,.bento-card,.bento-panel,.bento-toolbar,.bento-table-wrap,:where([data-ui=bento]) .ui-card,:where([data-ui=bento]) .ui-toolbar,:where([data-ui=bento]) .ui-table-wrap{background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha));transition:transform var(--bento-transition-base),box-shadow var(--bento-transition-base),border-color var(--bento-transition-base),background var(--bento-transition-base);position:relative}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{padding:var(--bento-space-6)}.bento-toolbar,:where([data-ui=bento]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--bento-space-4);padding:var(--bento-space-4);flex-wrap:wrap;display:flex}.bento-surface-sm{border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bento-shadow-alpha)*.72))}.bento-surface-lg{border-radius:var(--bento-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .08))}.bento-well,.bento-inset{background:var(--bento-surface-soft);color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/calc(var(--bento-border-alpha)*.7));border-radius:var(--bento-radius-md);padding:var(--bento-space-5);box-shadow:inset 0 1px 3px #00000014}.bento-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bento-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.bento-button,.bento-icon-button,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bento-space-2);background:var(--bento-surface);min-height:2.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bento-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bento-transition-fast),background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast),transform var(--bento-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bento-button:hover,.bento-icon-button:hover,:where([data-ui=bento]) .ui-button:hover,:where([data-ui=bento]) .ui-icon-button:hover{border-color:var(--bento-primary);transform:translateY(-1px)}.bento-button:active,.bento-icon-button:active,.bento-button[aria-pressed=true],.bento-icon-button[aria-pressed=true],.bento-button.is-active,.bento-icon-button.is-active,:where([data-ui=bento]) .ui-button:active,:where([data-ui=bento]) .ui-icon-button:active,:where([data-ui=bento]) .ui-button[aria-pressed=true],:where([data-ui=bento]) .ui-icon-button[aria-pressed=true],:where([data-ui=bento]) .ui-button.is-active,:where([data-ui=bento]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bento-button-primary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-button-primary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bento-primary-hover);border-color:var(--bento-primary-hover)}.bento-button-secondary,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-button-secondary:hover,:where([data-ui=bento]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bento-secondary-hover);border-color:var(--bento-secondary-hover)}.bento-button-danger,:where([data-ui=bento]) .ui-button:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-button-ghost,:where([data-ui=bento]) .ui-button:where([data-ui-variant=ghost]){color:var(--bento-text);box-shadow:none;background:0 0}.bento-icon-button,:where([data-ui=bento]) .ui-icon-button{border-radius:var(--bento-radius-pill);width:2.75rem;padding:0}.bento-button:disabled,.bento-icon-button:disabled,.bento-disabled,:where([data-ui=bento]) .ui-button:disabled,:where([data-ui=bento]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bento-card,.bento-panel,:where([data-ui=bento]) .ui-card{background:var(--bento-card-bg)}.bento-toolbar,.bento-table-wrap,.bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost),.bento-icon-button,:where([data-ui=bento]) .ui-toolbar,:where([data-ui=bento]) .ui-table-wrap,:where([data-ui=bento]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bento]) .ui-icon-button{background:var(--bento-control-bg)}.bento-button,.bento-icon-button,.bento-badge,.bento-nav-link,:where([data-ui=bento]) .ui-button,:where([data-ui=bento]) .ui-icon-button,:where([data-ui=bento]) .ui-badge,:where([data-ui=bento]) .ui-nav-link{font-family:var(--bento-font-control)}.bento-field,:where([data-ui=bento]) .ui-field{gap:var(--bento-space-2);flex-direction:column;display:flex}.bento-label,:where([data-ui=bento]) .ui-label{color:var(--bento-text);font-size:.925rem;font-weight:800}.bento-input,.bento-textarea,.bento-select,:where([data-ui=bento]) .ui-input,:where([data-ui=bento]) .ui-textarea,:where([data-ui=bento]) .ui-select{background:var(--bento-surface-soft);width:100%;min-height:2.875rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-md);font:inherit;transition:background var(--bento-transition-fast),border-color var(--bento-transition-fast),box-shadow var(--bento-transition-fast);outline:none;padding:.75rem 1rem}.bento-textarea,:where([data-ui=bento]) .ui-textarea{resize:vertical;min-height:8rem}.bento-input::placeholder,.bento-textarea::placeholder,:where([data-ui=bento]) .ui-input::placeholder,:where([data-ui=bento]) .ui-textarea::placeholder{color:var(--bento-text-muted);opacity:.82}.bento-input:hover,.bento-textarea:hover,.bento-select:hover,:where([data-ui=bento]) .ui-input:hover,:where([data-ui=bento]) .ui-textarea:hover,:where([data-ui=bento]) .ui-select:hover{border-color:rgb(var(--bento-primary-rgb)/.58)}.bento-input:focus,.bento-textarea:focus,.bento-select:focus,:where([data-ui=bento]) .ui-input:focus,:where([data-ui=bento]) .ui-textarea:focus,:where([data-ui=bento]) .ui-select:focus{border-color:var(--bento-focus);box-shadow:var(--bento-focus-ring)}.bento-help-text,:where([data-ui=bento]) .ui-help-text{color:var(--bento-text-muted);font-size:.875rem;line-height:1.45}.bento-check,.bento-radio,:where([data-ui=bento]) .ui-check,:where([data-ui=bento]) .ui-radio{align-items:center;gap:var(--bento-space-2);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-check input,.bento-radio input,:where([data-ui=bento]) .ui-check input,:where([data-ui=bento]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bento-check-control,.bento-radio-control,:where([data-ui=bento]) .ui-check-control,:where([data-ui=bento]) .ui-radio-control{background:var(--bento-surface-soft);border:1px solid var(--bento-border);width:1.35rem;height:1.35rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);place-items:center;display:inline-grid}.bento-check-control,:where([data-ui=bento]) .ui-check-control{border-radius:var(--bento-radius-xs)}.bento-radio-control,:where([data-ui=bento]) .ui-radio-control{border-radius:50%}.bento-check input:checked+.bento-check-control,.bento-radio input:checked+.bento-radio-control,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control{background:var(--bento-primary);border-color:var(--bento-primary);box-shadow:var(--bento-focus-ring)}.bento-check input:checked+.bento-check-control:after,:where([data-ui=bento]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bento-on-primary);font-size:.9rem;font-weight:900}.bento-radio input:checked+.bento-radio-control:after,:where([data-ui=bento]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bento-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bento-switch,:where([data-ui=bento]) .ui-switch{align-items:center;gap:var(--bento-space-3);color:var(--bento-text);cursor:pointer;display:inline-flex}.bento-switch input,:where([data-ui=bento]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bento-switch-track,:where([data-ui=bento]) .ui-switch-track{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);position:relative}.bento-switch-thumb,:where([data-ui=bento]) .ui-switch-thumb{background:var(--bento-surface-strong);border:1px solid var(--bento-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bento-shadow-alpha));transition:left var(--bento-transition-fast),background var(--bento-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bento-switch input:checked+.bento-switch-track,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track{background:var(--bento-primary);border-color:var(--bento-primary)}.bento-switch input:checked+.bento-switch-track .bento-switch-thumb,:where([data-ui=bento]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bento-on-primary);left:calc(100% - 1.56rem)}.bento-badge,:where([data-ui=bento]) .ui-badge{align-items:center;gap:var(--bento-space-1);background:var(--bento-surface-soft);min-height:1.75rem;color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bento-badge-primary,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=primary]){background:var(--bento-primary);color:var(--bento-on-primary);border-color:var(--bento-primary)}.bento-badge-secondary,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=secondary]){background:var(--bento-secondary);color:var(--bento-on-secondary);border-color:var(--bento-secondary)}.bento-badge-success,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=success]){background:var(--bento-success);color:var(--bento-on-success);border-color:var(--bento-success)}.bento-badge-warning,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=warning]){background:var(--bento-warning);color:var(--bento-on-warning);border-color:var(--bento-warning)}.bento-badge-danger,:where([data-ui=bento]) .ui-badge:where([data-ui-variant=danger]){background:var(--bento-danger);color:var(--bento-on-danger);border-color:var(--bento-danger)}.bento-nav,:where([data-ui=bento]) .ui-nav{align-items:center;gap:var(--bento-space-2);padding:var(--bento-space-2);background:var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));flex-wrap:wrap;display:flex}.bento-nav-link,:where([data-ui=bento]) .ui-nav-link{min-height:2.5rem;color:var(--bento-text-muted);border-radius:var(--bento-radius-pill);transition:color var(--bento-transition-fast),background var(--bento-transition-fast),box-shadow var(--bento-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bento-nav-link:hover,:where([data-ui=bento]) .ui-nav-link:hover{color:var(--bento-text);background:var(--bento-surface-soft)}.bento-nav-link[aria-current=page],.bento-nav-link.is-active,:where([data-ui=bento]) .ui-nav-link[aria-current=page],:where([data-ui=bento]) .ui-nav-link.is-active{color:var(--bento-on-primary);background:var(--bento-primary)}.bento-tooltip,[data-ui=bento] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.18),transparent 52%),var(--bento-surface-strong);max-inline-size:16rem;color:var(--bento-text);border:1px solid rgb(var(--bento-border-rgb)/.7);border-radius:var(--bento-radius-sm);box-shadow:0 .65rem 1.35rem rgb(0 0 0/var(--bento-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.bento-tooltip-arrow{background:var(--bento-primary);border-radius:var(--bento-radius-xs);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bento-progress,:where([data-ui=bento]) .ui-progress{background:var(--bento-surface-soft);border:1px solid var(--bento-border);border-radius:var(--bento-radius-pill);width:100%;height:.9rem;overflow:hidden}.bento-progress-bar,:where([data-ui=bento]) .ui-progress-bar{height:100%;width:var(--bento-progress-value,50%);background:linear-gradient(90deg,var(--bento-primary),var(--bento-accent));border-radius:inherit}.bento-alert,:where([data-ui=bento]) .ui-alert{gap:var(--bento-space-2);padding:var(--bento-space-4);background:var(--bento-surface);color:var(--bento-text);border:1px solid var(--bento-border);border-radius:var(--bento-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bento-shadow-alpha));display:grid}.bento-alert-success,:where([data-ui=bento]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--bento-success)}.bento-alert-warning,:where([data-ui=bento]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--bento-warning)}.bento-alert-danger,:where([data-ui=bento]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--bento-danger)}.bento-alert-title,:where([data-ui=bento]) .ui-alert-title{margin:0;font-weight:900}.bento-alert-body,:where([data-ui=bento]) .ui-alert-body{color:var(--bento-text-muted);margin:0;line-height:1.55}.bento-table-wrap,:where([data-ui=bento]) .ui-table-wrap{overflow:auto}.bento-table,:where([data-ui=bento]) .ui-table{border-collapse:collapse;width:100%}.bento-table th,.bento-table td,:where([data-ui=bento]) .ui-table th,:where([data-ui=bento]) .ui-table td{text-align:left;border-bottom:1px solid var(--bento-border);padding:.95rem 1rem}.bento-table th,:where([data-ui=bento]) .ui-table th{color:var(--bento-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bento-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bento-table td,:where([data-ui=bento]) .ui-table td{color:var(--bento-text-muted)}.bento-table tr:hover td,:where([data-ui=bento]) .ui-table tr:hover td{background:rgb(var(--bento-primary-rgb)/.045)}.bento-text-primary{color:var(--bento-primary)}.bento-text-secondary{color:var(--bento-secondary)}.bento-text-accent{color:var(--bento-accent)}.bento-text-success{color:var(--bento-success)}.bento-text-warning{color:var(--bento-warning)}.bento-text-danger{color:var(--bento-danger)}.bento-bg-primary{background:var(--bento-primary);color:var(--bento-on-primary)}.bento-bg-secondary{background:var(--bento-secondary);color:var(--bento-on-secondary)}.bento-border{border:1px solid var(--bento-border)}.bento-rounded{border-radius:var(--bento-radius-md)}.bento-rounded-lg{border-radius:var(--bento-radius-lg)}.bento-rounded-xl{border-radius:var(--bento-radius-xl)}.bento-pill{border-radius:var(--bento-radius-pill)}.bento-sr-only,.bento-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bento-skip-link{z-index:9999;background:var(--bento-primary);color:var(--bento-on-primary);border-radius:var(--bento-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bento-skip-link:focus{transform:translateY(0)}.bento-grid-feature{gap:var(--bento-space-5);grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(8rem,auto);display:grid}.bento-tile{min-height:12rem;padding:var(--bento-space-6);background:linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.1),transparent 48%),var(--bento-surface);border:1px solid var(--bento-border);border-radius:var(--bento-radius-xl);box-shadow:0 16px 40px rgb(0 0 0/var(--bento-shadow-alpha))}.bento-tile-lg{grid-area:span 2/span 4}.bento-tile-md{grid-column:span 3}.bento-tile-sm{grid-column:span 2}.bento-stat{gap:.25rem;display:grid}.bento-stat-value{color:var(--bento-primary);font-size:clamp(2rem,4vw,3rem);font-weight:950;line-height:1}.bento-stat-label{color:var(--bento-text-muted);font-weight:750}@media (width<=760px){.bento-grid-feature{grid-template-columns:1fr}.bento-tile-lg,.bento-tile-md,.bento-tile-sm{grid-area:auto}}.bento-spinner,.bento-loading-spinner,[data-ui=bento] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--bento-border-rgb)/.44);border-block-start-color:var(--bento-spinner-stroke);border-inline-end-color:var(--bento-spinner-accent);border-radius:var(--bento-radius-md);background:conic-gradient(from 0deg,var(--bento-spinner-stroke),var(--bento-spinner-accent),transparent 58%,var(--bento-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:inset 0 0 0 .28rem var(--bento-surface),0 .5rem 1.15rem rgb(0 0 0/var(--bento-shadow-alpha));vertical-align:-.2em;animation:.9s steps(4,end) infinite bento-spin;display:inline-block}.bento-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bento-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.bento-button[aria-busy=true],.bento-icon-button[aria-busy=true],[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bento]) .ui-button[aria-busy=true],:where([data-ui=bento]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bento-button[aria-busy=true]:after,.bento-icon-button[aria-busy=true]:after,[data-ui=bento] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bento]) .ui-button[aria-busy=true]:after,:where([data-ui=bento]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bento-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bento-spin;display:inline-block}@keyframes bento-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bento] *,[data-ui=bento] :before,[data-ui=bento] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bento]{--bento-border-alpha:1;--bento-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bento] *{forced-color-adjust:auto}[data-ui=bento] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bento]{color:#000!important;background:#fff!important}[data-ui=bento] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bento] a{text-decoration:underline;color:#000!important}}:root{--max-font-sans:Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-display:Cooper Black, Baloo 2, Nunito, Inter, ui-sans-serif, system-ui, sans-serif;--max-font-body:var(--max-font-sans);--max-font-heading:var(--max-font-display);--max-font-control:var(--max-font-display);--max-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--max-radius-xs:.25rem;--max-radius-sm:.5rem;--max-radius-md:1.2rem;--max-radius-lg:2rem;--max-radius-xl:calc(2rem + .5rem);--max-radius-pill:999px;--max-space-1:.25rem;--max-space-2:.5rem;--max-space-3:.75rem;--max-space-4:1rem;--max-space-5:1.25rem;--max-space-6:1.5rem;--max-space-8:2rem;--max-transition-fast:.15s ease;--max-transition-base:.24s ease}[data-ui=maximalist][data-mode=light]{color-scheme:light;--max-panel-alpha:.98;--max-panel-soft-alpha:.78;--max-border-alpha:.58;--max-shadow-alpha:.12;--max-focus-alpha:.34}[data-ui=maximalist][data-mode=dark]{color-scheme:dark;--max-panel-alpha:.92;--max-panel-soft-alpha:.64;--max-border-alpha:.52;--max-shadow-alpha:.34;--max-focus-alpha:.42}[data-ui=maximalist][data-mode=contrast]{color-scheme:dark;--max-panel-alpha:1;--max-panel-soft-alpha:.92;--max-border-alpha:1;--max-shadow-alpha:.5;--max-focus-alpha:.72}[data-ui=maximalist][data-theme][data-mode]{--max-bg-rgb:var(--usk-bg-rgb);--max-surface-rgb:var(--usk-surface-rgb);--max-surface-strong-rgb:var(--usk-surface-strong-rgb);--max-surface-soft-rgb:var(--usk-surface-soft-rgb);--max-text-rgb:var(--usk-text-rgb);--max-text-muted-rgb:var(--usk-text-muted-rgb);--max-border-rgb:var(--usk-border-rgb);--max-primary-rgb:var(--usk-primary-rgb);--max-primary-hover-rgb:var(--usk-primary-hover-rgb);--max-primary-text-rgb:var(--usk-primary-text-rgb);--max-secondary-rgb:var(--usk-secondary-rgb);--max-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--max-secondary-text-rgb:var(--usk-secondary-text-rgb);--max-accent-rgb:var(--usk-accent-rgb);--max-success-rgb:var(--usk-success-rgb);--max-warning-rgb:var(--usk-warning-rgb);--max-danger-rgb:var(--usk-danger-rgb);--max-link-rgb:var(--usk-link-rgb);--max-accent-text-rgb:var(--usk-accent-text-rgb);--max-success-text-rgb:var(--usk-success-text-rgb);--max-warning-text-rgb:var(--usk-warning-text-rgb);--max-danger-text-rgb:var(--usk-danger-text-rgb);--max-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--max-surface);--usk-native-surface-strong:var(--max-surface-strong);--usk-native-surface-soft:var(--max-surface-soft);--usk-native-card-bg:var(--max-card-bg);--usk-native-control-bg:var(--max-control-bg);--usk-native-text:var(--max-text);--usk-native-text-muted:var(--max-text-muted);--usk-native-border:var(--max-border);--usk-native-primary:var(--max-primary);--usk-native-primary-hover:var(--max-primary-hover);--usk-native-on-primary:var(--max-on-primary);--usk-native-focus:var(--max-focus);--usk-native-success:var(--max-success);--usk-native-warning:var(--max-warning);--usk-native-danger:var(--max-danger);--usk-native-link:var(--max-link);--usk-native-font-body:var(--max-font-body);--usk-native-font-heading:var(--max-font-heading);--usk-native-font-control:var(--max-font-control);--usk-native-font-mono:var(--max-font-mono);--usk-native-radius-sm:var(--max-radius-sm);--usk-native-radius:var(--max-radius-md);--usk-native-radius-lg:var(--max-radius-lg);--usk-native-shadow:var(--max-shadow-sm,none);--usk-native-shadow-md:var(--max-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--max-focus-ring,0 0 0 3px rgb(var(--max-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--max-space-5);--max-bg:rgb(var(--max-bg-rgb));--max-surface:rgb(var(--max-surface-rgb) / var(--max-panel-alpha));--max-surface-strong:rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha));--max-surface-soft:rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha));--max-text:rgb(var(--max-text-rgb));--max-text-muted:rgb(var(--max-text-muted-rgb));--max-fg:var(--max-text);--max-surface-fg:var(--max-text);--max-muted:var(--max-text-muted);--max-border:rgb(var(--max-border-rgb) / var(--max-border-alpha));--max-control-fg:var(--max-text);--max-primary:rgb(var(--max-primary-rgb));--max-primary-hover:rgb(var(--max-primary-hover-rgb));--max-primary-text:rgb(var(--max-primary-text-rgb));--max-secondary:rgb(var(--max-secondary-rgb));--max-secondary-hover:rgb(var(--max-secondary-hover-rgb));--max-secondary-text:rgb(var(--max-secondary-text-rgb));--max-on-primary:var(--max-primary-text);--max-on-secondary:var(--max-secondary-text);--max-on-accent:rgb(var(--max-accent-text-rgb));--max-on-success:rgb(var(--max-success-text-rgb));--max-on-warning:rgb(var(--max-warning-text-rgb));--max-on-danger:rgb(var(--max-danger-text-rgb));--max-accent:rgb(var(--max-accent-rgb));--max-success:rgb(var(--max-success-rgb));--max-warning:rgb(var(--max-warning-rgb));--max-danger:rgb(var(--max-danger-rgb));--max-link:rgb(var(--max-link-rgb));--max-focus:rgb(var(--max-focus-rgb));--max-focus-ring:0 0 0 3px rgb(var(--max-focus-rgb) / var(--max-focus-alpha));--max-theme-bg-size:auto;--max-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--max-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--max-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--max-secondary-rgb) / .1), transparent 34rem), var(--max-bg);--max-card-bg:linear-gradient(135deg, rgb(var(--max-primary-rgb) / .1), rgb(var(--max-accent-rgb) / .055) 42%, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)) 100%), var(--max-surface);--max-control-bg:linear-gradient(180deg, rgb(var(--max-surface-strong-rgb) / var(--max-panel-alpha)), rgb(var(--max-surface-soft-rgb) / var(--max-panel-soft-alpha)));--max-spinner-track:rgb(var(--max-border-rgb) / max(.28, calc(var(--max-border-alpha) * .7)));--max-spinner-stroke:var(--max-primary);--max-spinner-accent:var(--max-accent)}[data-ui=maximalist]{background:radial-gradient(circle at 10% 10%,rgb(var(--max-primary-rgb)/.18),transparent 20rem),radial-gradient(circle at 90% 0%,rgb(var(--max-secondary-rgb)/.2),transparent 22rem),var(--max-bg);color:var(--max-text);font-family:var(--max-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{box-sizing:border-box}[data-ui=maximalist][data-theme][data-mode]{background:var(--max-theme-bg);background-size:var(--max-theme-bg-size)}.max-title,.max-heading,.max-kicker,.max-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-badge,:where([data-ui=maximalist]) .ui-nav-link{font-family:var(--max-font-heading)}.max-title{color:var(--max-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.max-heading{color:var(--max-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.max-kicker{color:var(--max-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.max-subtitle,.max-copy{color:var(--max-text-muted);margin:0;line-height:1.65}.max-text-muted{color:var(--max-text-muted)}.max-divider{background:var(--max-border);border:0;width:100%;height:3px}.max-surface,.max-card,.max-panel,.max-toolbar,.max-table-wrap,:where([data-ui=maximalist]) .ui-card,:where([data-ui=maximalist]) .ui-toolbar,:where([data-ui=maximalist]) .ui-table-wrap{background:linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:8px 8px 0 rgb(var(--max-border-rgb)/.86);transition:transform var(--max-transition-base),box-shadow var(--max-transition-base),border-color var(--max-transition-base),background var(--max-transition-base);position:relative}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{padding:var(--max-space-6)}.max-toolbar,:where([data-ui=maximalist]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--max-space-4);padding:var(--max-space-4);flex-wrap:wrap;display:flex}.max-surface-sm{border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--max-shadow-alpha)*.72))}.max-surface-lg{border-radius:var(--max-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .08))}.max-well,.max-inset{background:var(--max-surface-soft);color:var(--max-text);border:3px solid rgb(var(--max-border-rgb)/calc(var(--max-border-alpha)*.7));border-radius:var(--max-radius-md);padding:var(--max-space-5);box-shadow:inset 0 1px 3px #00000014}.max-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--max-shadow-alpha) + .12));transform:translate(-2px,-2px)}.max-button,.max-icon-button,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--max-space-2);background:var(--max-surface);min-height:2.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--max-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--max-transition-fast),background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast),transform var(--max-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.max-button:hover,.max-icon-button:hover,:where([data-ui=maximalist]) .ui-button:hover,:where([data-ui=maximalist]) .ui-icon-button:hover{border-color:var(--max-primary);transform:translateY(-1px)}.max-button:active,.max-icon-button:active,.max-button[aria-pressed=true],.max-icon-button[aria-pressed=true],.max-button.is-active,.max-icon-button.is-active,:where([data-ui=maximalist]) .ui-button:active,:where([data-ui=maximalist]) .ui-icon-button:active,:where([data-ui=maximalist]) .ui-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-icon-button[aria-pressed=true],:where([data-ui=maximalist]) .ui-button.is-active,:where([data-ui=maximalist]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.max-button-primary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-button-primary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--max-primary-hover);border-color:var(--max-primary-hover)}.max-button-secondary,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-button-secondary:hover,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--max-secondary-hover);border-color:var(--max-secondary-hover)}.max-button-danger,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-button-ghost,:where([data-ui=maximalist]) .ui-button:where([data-ui-variant=ghost]){color:var(--max-text);box-shadow:none;background:0 0}.max-icon-button,:where([data-ui=maximalist]) .ui-icon-button{border-radius:var(--max-radius-pill);width:2.75rem;padding:0}.max-button:disabled,.max-icon-button:disabled,.max-disabled,:where([data-ui=maximalist]) .ui-button:disabled,:where([data-ui=maximalist]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.max-card,.max-panel,:where([data-ui=maximalist]) .ui-card{background:var(--max-card-bg)}.max-toolbar,.max-table-wrap,.max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost),.max-icon-button,:where([data-ui=maximalist]) .ui-toolbar,:where([data-ui=maximalist]) .ui-table-wrap,:where([data-ui=maximalist]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=maximalist]) .ui-icon-button{background:var(--max-control-bg)}.max-button,.max-icon-button,.max-badge,.max-nav-link,:where([data-ui=maximalist]) .ui-button,:where([data-ui=maximalist]) .ui-icon-button,:where([data-ui=maximalist]) .ui-badge,:where([data-ui=maximalist]) .ui-nav-link{font-family:var(--max-font-control)}.max-field,:where([data-ui=maximalist]) .ui-field{gap:var(--max-space-2);flex-direction:column;display:flex}.max-label,:where([data-ui=maximalist]) .ui-label{color:var(--max-text);font-size:.925rem;font-weight:800}.max-input,.max-textarea,.max-select,:where([data-ui=maximalist]) .ui-input,:where([data-ui=maximalist]) .ui-textarea,:where([data-ui=maximalist]) .ui-select{background:var(--max-surface-soft);width:100%;min-height:2.875rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-md);font:inherit;transition:background var(--max-transition-fast),border-color var(--max-transition-fast),box-shadow var(--max-transition-fast);outline:none;padding:.75rem 1rem}.max-textarea,:where([data-ui=maximalist]) .ui-textarea{resize:vertical;min-height:8rem}.max-input::placeholder,.max-textarea::placeholder,:where([data-ui=maximalist]) .ui-input::placeholder,:where([data-ui=maximalist]) .ui-textarea::placeholder{color:var(--max-text-muted);opacity:.82}.max-input:hover,.max-textarea:hover,.max-select:hover,:where([data-ui=maximalist]) .ui-input:hover,:where([data-ui=maximalist]) .ui-textarea:hover,:where([data-ui=maximalist]) .ui-select:hover{border-color:rgb(var(--max-primary-rgb)/.58)}.max-input:focus,.max-textarea:focus,.max-select:focus,:where([data-ui=maximalist]) .ui-input:focus,:where([data-ui=maximalist]) .ui-textarea:focus,:where([data-ui=maximalist]) .ui-select:focus{border-color:var(--max-focus);box-shadow:var(--max-focus-ring)}.max-help-text,:where([data-ui=maximalist]) .ui-help-text{color:var(--max-text-muted);font-size:.875rem;line-height:1.45}.max-check,.max-radio,:where([data-ui=maximalist]) .ui-check,:where([data-ui=maximalist]) .ui-radio{align-items:center;gap:var(--max-space-2);color:var(--max-text);cursor:pointer;display:inline-flex}.max-check input,.max-radio input,:where([data-ui=maximalist]) .ui-check input,:where([data-ui=maximalist]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.max-check-control,.max-radio-control,:where([data-ui=maximalist]) .ui-check-control,:where([data-ui=maximalist]) .ui-radio-control{background:var(--max-surface-soft);border:3px solid var(--max-border);width:1.35rem;height:1.35rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);place-items:center;display:inline-grid}.max-check-control,:where([data-ui=maximalist]) .ui-check-control{border-radius:var(--max-radius-xs)}.max-radio-control,:where([data-ui=maximalist]) .ui-radio-control{border-radius:50%}.max-check input:checked+.max-check-control,.max-radio input:checked+.max-radio-control,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control{background:var(--max-primary);border-color:var(--max-primary);box-shadow:var(--max-focus-ring)}.max-check input:checked+.max-check-control:after,:where([data-ui=maximalist]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--max-on-primary);font-size:.9rem;font-weight:900}.max-radio input:checked+.max-radio-control:after,:where([data-ui=maximalist]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--max-on-primary);border-radius:50%;width:.55rem;height:.55rem}.max-switch,:where([data-ui=maximalist]) .ui-switch{align-items:center;gap:var(--max-space-3);color:var(--max-text);cursor:pointer;display:inline-flex}.max-switch input,:where([data-ui=maximalist]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.max-switch-track,:where([data-ui=maximalist]) .ui-switch-track{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--max-transition-fast),box-shadow var(--max-transition-fast);position:relative}.max-switch-thumb,:where([data-ui=maximalist]) .ui-switch-thumb{background:var(--max-surface-strong);border:3px solid var(--max-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--max-shadow-alpha));transition:left var(--max-transition-fast),background var(--max-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.max-switch input:checked+.max-switch-track,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track{background:var(--max-primary);border-color:var(--max-primary)}.max-switch input:checked+.max-switch-track .max-switch-thumb,:where([data-ui=maximalist]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--max-on-primary);left:calc(100% - 1.56rem)}.max-badge,:where([data-ui=maximalist]) .ui-badge{align-items:center;gap:var(--max-space-1);background:var(--max-surface-soft);min-height:1.75rem;color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.max-badge-primary,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=primary]){background:var(--max-primary);color:var(--max-on-primary);border-color:var(--max-primary)}.max-badge-secondary,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=secondary]){background:var(--max-secondary);color:var(--max-on-secondary);border-color:var(--max-secondary)}.max-badge-success,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=success]){background:var(--max-success);color:var(--max-on-success);border-color:var(--max-success)}.max-badge-warning,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=warning]){background:var(--max-warning);color:var(--max-on-warning);border-color:var(--max-warning)}.max-badge-danger,:where([data-ui=maximalist]) .ui-badge:where([data-ui-variant=danger]){background:var(--max-danger);color:var(--max-on-danger);border-color:var(--max-danger)}.max-nav,:where([data-ui=maximalist]) .ui-nav{align-items:center;gap:var(--max-space-2);padding:var(--max-space-2);background:var(--max-surface);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));flex-wrap:wrap;display:flex}.max-nav-link,:where([data-ui=maximalist]) .ui-nav-link{min-height:2.5rem;color:var(--max-text-muted);border-radius:var(--max-radius-pill);transition:color var(--max-transition-fast),background var(--max-transition-fast),box-shadow var(--max-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.max-nav-link:hover,:where([data-ui=maximalist]) .ui-nav-link:hover{color:var(--max-text);background:var(--max-surface-soft)}.max-nav-link[aria-current=page],.max-nav-link.is-active,:where([data-ui=maximalist]) .ui-nav-link[aria-current=page],:where([data-ui=maximalist]) .ui-nav-link.is-active{color:var(--max-on-primary);background:var(--max-primary)}.max-tooltip,[data-ui=maximalist] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,var(--max-primary),var(--max-accent));max-inline-size:16rem;color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:.32rem .32rem 0 rgb(var(--max-secondary-rgb)/.68);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:950;line-height:1.25;display:inline-flex}.max-tooltip-arrow{background:var(--max-warning);border:2px solid var(--max-border);flex:none;block-size:.62rem;inline-size:.62rem;transform:rotate(45deg)}.max-progress,:where([data-ui=maximalist]) .ui-progress{background:var(--max-surface-soft);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);width:100%;height:.9rem;overflow:hidden}.max-progress-bar,:where([data-ui=maximalist]) .ui-progress-bar{height:100%;width:var(--max-progress-value,50%);background:linear-gradient(90deg,var(--max-primary),var(--max-accent));border-radius:inherit}.max-alert,:where([data-ui=maximalist]) .ui-alert{gap:var(--max-space-2);padding:var(--max-space-4);background:var(--max-surface);color:var(--max-text);border:3px solid var(--max-border);border-radius:var(--max-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--max-shadow-alpha));display:grid}.max-alert-success,:where([data-ui=maximalist]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--max-success)}.max-alert-warning,:where([data-ui=maximalist]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--max-warning)}.max-alert-danger,:where([data-ui=maximalist]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--max-danger)}.max-alert-title,:where([data-ui=maximalist]) .ui-alert-title{margin:0;font-weight:900}.max-alert-body,:where([data-ui=maximalist]) .ui-alert-body{color:var(--max-text-muted);margin:0;line-height:1.55}.max-table-wrap,:where([data-ui=maximalist]) .ui-table-wrap{overflow:auto}.max-table,:where([data-ui=maximalist]) .ui-table{border-collapse:collapse;width:100%}.max-table th,.max-table td,:where([data-ui=maximalist]) .ui-table th,:where([data-ui=maximalist]) .ui-table td{text-align:left;border-bottom:3px solid var(--max-border);padding:.95rem 1rem}.max-table th,:where([data-ui=maximalist]) .ui-table th{color:var(--max-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--max-primary-rgb)/.08);font-size:.82rem;font-weight:900}.max-table td,:where([data-ui=maximalist]) .ui-table td{color:var(--max-text-muted)}.max-table tr:hover td,:where([data-ui=maximalist]) .ui-table tr:hover td{background:rgb(var(--max-primary-rgb)/.045)}.max-text-primary{color:var(--max-primary)}.max-text-secondary{color:var(--max-secondary)}.max-text-accent{color:var(--max-accent)}.max-text-success{color:var(--max-success)}.max-text-warning{color:var(--max-warning)}.max-text-danger{color:var(--max-danger)}.max-bg-primary{background:var(--max-primary);color:var(--max-on-primary)}.max-bg-secondary{background:var(--max-secondary);color:var(--max-on-secondary)}.max-border{border:3px solid var(--max-border)}.max-rounded{border-radius:var(--max-radius-md)}.max-rounded-lg{border-radius:var(--max-radius-lg)}.max-rounded-xl{border-radius:var(--max-radius-xl)}.max-pill{border-radius:var(--max-radius-pill)}.max-sr-only,.max-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.max-skip-link{z-index:9999;background:var(--max-primary);color:var(--max-on-primary);border-radius:var(--max-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.max-skip-link:focus{transform:translateY(0)}.max-sticker{background:var(--max-accent);color:var(--max-on-accent);border:3px solid var(--max-border);border-radius:var(--max-radius-pill);box-shadow:5px 5px 0 rgb(var(--max-border-rgb)/.8);align-items:center;padding:.45rem .8rem;font-weight:950;display:inline-flex;transform:rotate(-2deg)}.max-callout{padding:var(--max-space-6);background:linear-gradient(135deg,var(--max-primary),var(--max-accent));color:var(--max-on-primary);border:3px solid var(--max-border);border-radius:var(--max-radius-xl);box-shadow:10px 10px 0 rgb(var(--max-border-rgb)/.85)}.max-wiggle:hover{animation:.42s both max-wiggle}@keyframes max-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-1.5deg)}75%{transform:rotate(1.5deg)}}.max-spinner,.max-loading-spinner,[data-ui=maximalist] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--max-border-rgb)/.5);border-block-start-color:var(--max-spinner-stroke);border-inline-end-color:var(--max-spinner-accent);background:radial-gradient(circle at 30% 26%,rgb(var(--max-accent-rgb)/.72),transparent 24%),conic-gradient(var(--max-spinner-stroke),var(--max-spinner-accent),var(--max-secondary),var(--max-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:.18rem .18rem 0 rgb(var(--max-secondary-rgb)/.55),-.18rem -.18rem 0 rgb(var(--max-primary-rgb)/.35);vertical-align:-.2em;border-radius:44% 56% 52% 48%;animation:.85s ease-in-out infinite max-spin;display:inline-block}.max-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.max-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.max-button[aria-busy=true],.max-icon-button[aria-busy=true],[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=maximalist]) .ui-button[aria-busy=true],:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.max-button[aria-busy=true]:after,.max-icon-button[aria-busy=true]:after,[data-ui=maximalist] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=maximalist]) .ui-button[aria-busy=true]:after,:where([data-ui=maximalist]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--max-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite max-spin;display:inline-block}@keyframes max-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=maximalist] *,[data-ui=maximalist] :before,[data-ui=maximalist] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=maximalist]{--max-border-alpha:1;--max-focus-alpha:.75}}@media (forced-colors:active){[data-ui=maximalist] *{forced-color-adjust:auto}[data-ui=maximalist] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=maximalist]{color:#000!important;background:#fff!important}[data-ui=maximalist] *{box-shadow:none!important;text-shadow:none!important}[data-ui=maximalist] a{text-decoration:underline;color:#000!important}}:root{--bau-font-sans:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-display:Helvetica Neue, Helvetica, Arial, ui-sans-serif, system-ui, sans-serif;--bau-font-body:var(--bau-font-sans);--bau-font-heading:var(--bau-font-display);--bau-font-control:var(--bau-font-display);--bau-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--bau-radius-xs:.25rem;--bau-radius-sm:.5rem;--bau-radius-md:.125rem;--bau-radius-lg:.125rem;--bau-radius-xl:calc(.125rem + .5rem);--bau-radius-pill:999px;--bau-space-1:.25rem;--bau-space-2:.5rem;--bau-space-3:.75rem;--bau-space-4:1rem;--bau-space-5:1.25rem;--bau-space-6:1.5rem;--bau-space-8:2rem;--bau-transition-fast:.15s ease;--bau-transition-base:.24s ease}[data-ui=bauhaus][data-mode=light]{color-scheme:light;--bau-panel-alpha:.98;--bau-panel-soft-alpha:.78;--bau-border-alpha:.58;--bau-shadow-alpha:.12;--bau-focus-alpha:.34}[data-ui=bauhaus][data-mode=dark]{color-scheme:dark;--bau-panel-alpha:.92;--bau-panel-soft-alpha:.64;--bau-border-alpha:.52;--bau-shadow-alpha:.34;--bau-focus-alpha:.42}[data-ui=bauhaus][data-mode=contrast]{color-scheme:dark;--bau-panel-alpha:1;--bau-panel-soft-alpha:.92;--bau-border-alpha:1;--bau-shadow-alpha:.5;--bau-focus-alpha:.72}[data-ui=bauhaus][data-theme][data-mode]{--bau-bg-rgb:var(--usk-bg-rgb);--bau-surface-rgb:var(--usk-surface-rgb);--bau-surface-strong-rgb:var(--usk-surface-strong-rgb);--bau-surface-soft-rgb:var(--usk-surface-soft-rgb);--bau-text-rgb:var(--usk-text-rgb);--bau-text-muted-rgb:var(--usk-text-muted-rgb);--bau-border-rgb:var(--usk-border-rgb);--bau-primary-rgb:var(--usk-primary-rgb);--bau-primary-hover-rgb:var(--usk-primary-hover-rgb);--bau-primary-text-rgb:var(--usk-primary-text-rgb);--bau-secondary-rgb:var(--usk-secondary-rgb);--bau-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--bau-secondary-text-rgb:var(--usk-secondary-text-rgb);--bau-accent-rgb:var(--usk-accent-rgb);--bau-success-rgb:var(--usk-success-rgb);--bau-warning-rgb:var(--usk-warning-rgb);--bau-danger-rgb:var(--usk-danger-rgb);--bau-link-rgb:var(--usk-link-rgb);--bau-accent-text-rgb:var(--usk-accent-text-rgb);--bau-success-text-rgb:var(--usk-success-text-rgb);--bau-warning-text-rgb:var(--usk-warning-text-rgb);--bau-danger-text-rgb:var(--usk-danger-text-rgb);--bau-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--bau-surface);--usk-native-surface-strong:var(--bau-surface-strong);--usk-native-surface-soft:var(--bau-surface-soft);--usk-native-card-bg:var(--bau-card-bg);--usk-native-control-bg:var(--bau-control-bg);--usk-native-text:var(--bau-text);--usk-native-text-muted:var(--bau-text-muted);--usk-native-border:var(--bau-border);--usk-native-primary:var(--bau-primary);--usk-native-primary-hover:var(--bau-primary-hover);--usk-native-on-primary:var(--bau-on-primary);--usk-native-focus:var(--bau-focus);--usk-native-success:var(--bau-success);--usk-native-warning:var(--bau-warning);--usk-native-danger:var(--bau-danger);--usk-native-link:var(--bau-link);--usk-native-font-body:var(--bau-font-body);--usk-native-font-heading:var(--bau-font-heading);--usk-native-font-control:var(--bau-font-control);--usk-native-font-mono:var(--bau-font-mono);--usk-native-radius-sm:var(--bau-radius-sm);--usk-native-radius:var(--bau-radius-md);--usk-native-radius-lg:var(--bau-radius-lg);--usk-native-shadow:var(--bau-shadow-sm,none);--usk-native-shadow-md:var(--bau-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--bau-focus-ring,0 0 0 3px rgb(var(--bau-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--bau-space-5);--bau-bg:rgb(var(--bau-bg-rgb));--bau-surface:rgb(var(--bau-surface-rgb) / var(--bau-panel-alpha));--bau-surface-strong:rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha));--bau-surface-soft:rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha));--bau-text:rgb(var(--bau-text-rgb));--bau-text-muted:rgb(var(--bau-text-muted-rgb));--bau-fg:var(--bau-text);--bau-surface-fg:var(--bau-text);--bau-muted:var(--bau-text-muted);--bau-border:rgb(var(--bau-border-rgb) / var(--bau-border-alpha));--bau-control-fg:var(--bau-text);--bau-primary:rgb(var(--bau-primary-rgb));--bau-primary-hover:rgb(var(--bau-primary-hover-rgb));--bau-primary-text:rgb(var(--bau-primary-text-rgb));--bau-secondary:rgb(var(--bau-secondary-rgb));--bau-secondary-hover:rgb(var(--bau-secondary-hover-rgb));--bau-secondary-text:rgb(var(--bau-secondary-text-rgb));--bau-on-primary:var(--bau-primary-text);--bau-on-secondary:var(--bau-secondary-text);--bau-on-accent:rgb(var(--bau-accent-text-rgb));--bau-on-success:rgb(var(--bau-success-text-rgb));--bau-on-warning:rgb(var(--bau-warning-text-rgb));--bau-on-danger:rgb(var(--bau-danger-text-rgb));--bau-accent:rgb(var(--bau-accent-rgb));--bau-success:rgb(var(--bau-success-rgb));--bau-warning:rgb(var(--bau-warning-rgb));--bau-danger:rgb(var(--bau-danger-rgb));--bau-link:rgb(var(--bau-link-rgb));--bau-focus:rgb(var(--bau-focus-rgb));--bau-focus-ring:0 0 0 3px rgb(var(--bau-focus-rgb) / var(--bau-focus-alpha));--bau-theme-bg-size:auto, auto, 48px 48px, 48px 48px, auto;--bau-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--bau-primary-rgb) / .13), transparent 30rem), radial-gradient(circle at 100% 0%, rgb(var(--bau-accent-rgb) / .1), transparent 28rem), linear-gradient(90deg, rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), linear-gradient(rgb(var(--bau-border-rgb) / .1) 1px, transparent 1px), var(--bau-bg);--bau-card-bg:linear-gradient(135deg, rgb(var(--bau-primary-rgb) / .1), rgb(var(--bau-accent-rgb) / .055) 42%, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)) 100%), var(--bau-surface);--bau-control-bg:linear-gradient(180deg, rgb(var(--bau-surface-strong-rgb) / var(--bau-panel-alpha)), rgb(var(--bau-surface-soft-rgb) / var(--bau-panel-soft-alpha)));--bau-spinner-track:rgb(var(--bau-border-rgb) / max(.28, calc(var(--bau-border-alpha) * .7)));--bau-spinner-stroke:var(--bau-primary);--bau-spinner-accent:var(--bau-accent)}[data-ui=bauhaus]{background:linear-gradient(90deg,rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),linear-gradient(rgb(var(--bau-border-rgb)/.08) 1px,transparent 1px),var(--bau-bg);color:var(--bau-text);font-family:var(--bau-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-size:48px 48px;line-height:1.5}[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{box-sizing:border-box}[data-ui=bauhaus][data-theme][data-mode]{background:var(--bau-theme-bg);background-size:var(--bau-theme-bg-size)}.bau-title,.bau-heading,.bau-kicker,.bau-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-badge,:where([data-ui=bauhaus]) .ui-nav-link{font-family:var(--bau-font-heading)}.bau-title{color:var(--bau-text);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.bau-heading{color:var(--bau-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.bau-kicker{color:var(--bau-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.bau-subtitle,.bau-copy{color:var(--bau-text-muted);margin:0;line-height:1.65}.bau-text-muted{color:var(--bau-text-muted)}.bau-divider{background:var(--bau-border);border:0;width:100%;height:2px}.bau-surface,.bau-card,.bau-panel,.bau-toolbar,.bau-table-wrap,:where([data-ui=bauhaus]) .ui-card,:where([data-ui=bauhaus]) .ui-toolbar,:where([data-ui=bauhaus]) .ui-table-wrap{background:linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:6px 6px 0 rgb(var(--bau-primary-rgb)/.55);transition:transform var(--bau-transition-base),box-shadow var(--bau-transition-base),border-color var(--bau-transition-base),background var(--bau-transition-base);position:relative}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{padding:var(--bau-space-6)}.bau-toolbar,:where([data-ui=bauhaus]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--bau-space-4);padding:var(--bau-space-4);flex-wrap:wrap;display:flex}.bau-surface-sm{border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--bau-shadow-alpha)*.72))}.bau-surface-lg{border-radius:var(--bau-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .08))}.bau-well,.bau-inset{background:var(--bau-surface-soft);color:var(--bau-text);border:2px solid rgb(var(--bau-border-rgb)/calc(var(--bau-border-alpha)*.7));border-radius:var(--bau-radius-md);padding:var(--bau-space-5);box-shadow:inset 0 1px 3px #00000014}.bau-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--bau-shadow-alpha) + .12));transform:translate(-3px,-3px)}.bau-button,.bau-icon-button,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--bau-space-2);background:var(--bau-surface);min-height:2.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--bau-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--bau-transition-fast),background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast),transform var(--bau-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.bau-button:hover,.bau-icon-button:hover,:where([data-ui=bauhaus]) .ui-button:hover,:where([data-ui=bauhaus]) .ui-icon-button:hover{border-color:var(--bau-primary);transform:translateY(-1px)}.bau-button:active,.bau-icon-button:active,.bau-button[aria-pressed=true],.bau-icon-button[aria-pressed=true],.bau-button.is-active,.bau-icon-button.is-active,:where([data-ui=bauhaus]) .ui-button:active,:where([data-ui=bauhaus]) .ui-icon-button:active,:where([data-ui=bauhaus]) .ui-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-pressed=true],:where([data-ui=bauhaus]) .ui-button.is-active,:where([data-ui=bauhaus]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.bau-button-primary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-button-primary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--bau-primary-hover);border-color:var(--bau-primary-hover)}.bau-button-secondary,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-button-secondary:hover,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--bau-secondary-hover);border-color:var(--bau-secondary-hover)}.bau-button-danger,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-button-ghost,:where([data-ui=bauhaus]) .ui-button:where([data-ui-variant=ghost]){color:var(--bau-text);box-shadow:none;background:0 0}.bau-icon-button,:where([data-ui=bauhaus]) .ui-icon-button{border-radius:var(--bau-radius-pill);width:2.75rem;padding:0}.bau-button:disabled,.bau-icon-button:disabled,.bau-disabled,:where([data-ui=bauhaus]) .ui-button:disabled,:where([data-ui=bauhaus]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.bau-card,.bau-panel,:where([data-ui=bauhaus]) .ui-card{background:var(--bau-card-bg)}.bau-toolbar,.bau-table-wrap,.bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost),.bau-icon-button,:where([data-ui=bauhaus]) .ui-toolbar,:where([data-ui=bauhaus]) .ui-table-wrap,:where([data-ui=bauhaus]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=bauhaus]) .ui-icon-button{background:var(--bau-control-bg)}.bau-button,.bau-icon-button,.bau-badge,.bau-nav-link,:where([data-ui=bauhaus]) .ui-button,:where([data-ui=bauhaus]) .ui-icon-button,:where([data-ui=bauhaus]) .ui-badge,:where([data-ui=bauhaus]) .ui-nav-link{font-family:var(--bau-font-control)}.bau-field,:where([data-ui=bauhaus]) .ui-field{gap:var(--bau-space-2);flex-direction:column;display:flex}.bau-label,:where([data-ui=bauhaus]) .ui-label{color:var(--bau-text);font-size:.925rem;font-weight:800}.bau-input,.bau-textarea,.bau-select,:where([data-ui=bauhaus]) .ui-input,:where([data-ui=bauhaus]) .ui-textarea,:where([data-ui=bauhaus]) .ui-select{background:var(--bau-surface-soft);width:100%;min-height:2.875rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-md);font:inherit;transition:background var(--bau-transition-fast),border-color var(--bau-transition-fast),box-shadow var(--bau-transition-fast);outline:none;padding:.75rem 1rem}.bau-textarea,:where([data-ui=bauhaus]) .ui-textarea{resize:vertical;min-height:8rem}.bau-input::placeholder,.bau-textarea::placeholder,:where([data-ui=bauhaus]) .ui-input::placeholder,:where([data-ui=bauhaus]) .ui-textarea::placeholder{color:var(--bau-text-muted);opacity:.82}.bau-input:hover,.bau-textarea:hover,.bau-select:hover,:where([data-ui=bauhaus]) .ui-input:hover,:where([data-ui=bauhaus]) .ui-textarea:hover,:where([data-ui=bauhaus]) .ui-select:hover{border-color:rgb(var(--bau-primary-rgb)/.58)}.bau-input:focus,.bau-textarea:focus,.bau-select:focus,:where([data-ui=bauhaus]) .ui-input:focus,:where([data-ui=bauhaus]) .ui-textarea:focus,:where([data-ui=bauhaus]) .ui-select:focus{border-color:var(--bau-focus);box-shadow:var(--bau-focus-ring)}.bau-help-text,:where([data-ui=bauhaus]) .ui-help-text{color:var(--bau-text-muted);font-size:.875rem;line-height:1.45}.bau-check,.bau-radio,:where([data-ui=bauhaus]) .ui-check,:where([data-ui=bauhaus]) .ui-radio{align-items:center;gap:var(--bau-space-2);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-check input,.bau-radio input,:where([data-ui=bauhaus]) .ui-check input,:where([data-ui=bauhaus]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.bau-check-control,.bau-radio-control,:where([data-ui=bauhaus]) .ui-check-control,:where([data-ui=bauhaus]) .ui-radio-control{background:var(--bau-surface-soft);border:2px solid var(--bau-border);width:1.35rem;height:1.35rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);place-items:center;display:inline-grid}.bau-check-control,:where([data-ui=bauhaus]) .ui-check-control{border-radius:var(--bau-radius-xs)}.bau-radio-control,:where([data-ui=bauhaus]) .ui-radio-control{border-radius:50%}.bau-check input:checked+.bau-check-control,.bau-radio input:checked+.bau-radio-control,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control{background:var(--bau-primary);border-color:var(--bau-primary);box-shadow:var(--bau-focus-ring)}.bau-check input:checked+.bau-check-control:after,:where([data-ui=bauhaus]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--bau-on-primary);font-size:.9rem;font-weight:900}.bau-radio input:checked+.bau-radio-control:after,:where([data-ui=bauhaus]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--bau-on-primary);border-radius:50%;width:.55rem;height:.55rem}.bau-switch,:where([data-ui=bauhaus]) .ui-switch{align-items:center;gap:var(--bau-space-3);color:var(--bau-text);cursor:pointer;display:inline-flex}.bau-switch input,:where([data-ui=bauhaus]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch-track{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);position:relative}.bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch-thumb{background:var(--bau-surface-strong);border:2px solid var(--bau-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--bau-shadow-alpha));transition:left var(--bau-transition-fast),background var(--bau-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.bau-switch input:checked+.bau-switch-track,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track{background:var(--bau-primary);border-color:var(--bau-primary)}.bau-switch input:checked+.bau-switch-track .bau-switch-thumb,:where([data-ui=bauhaus]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--bau-on-primary);left:calc(100% - 1.56rem)}.bau-badge,:where([data-ui=bauhaus]) .ui-badge{align-items:center;gap:var(--bau-space-1);background:var(--bau-surface-soft);min-height:1.75rem;color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.bau-badge-primary,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=primary]){background:var(--bau-primary);color:var(--bau-on-primary);border-color:var(--bau-primary)}.bau-badge-secondary,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=secondary]){background:var(--bau-secondary);color:var(--bau-on-secondary);border-color:var(--bau-secondary)}.bau-badge-success,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=success]){background:var(--bau-success);color:var(--bau-on-success);border-color:var(--bau-success)}.bau-badge-warning,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=warning]){background:var(--bau-warning);color:var(--bau-on-warning);border-color:var(--bau-warning)}.bau-badge-danger,:where([data-ui=bauhaus]) .ui-badge:where([data-ui-variant=danger]){background:var(--bau-danger);color:var(--bau-on-danger);border-color:var(--bau-danger)}.bau-nav,:where([data-ui=bauhaus]) .ui-nav{align-items:center;gap:var(--bau-space-2);padding:var(--bau-space-2);background:var(--bau-surface);border:2px solid var(--bau-border);border-radius:var(--bau-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));flex-wrap:wrap;display:flex}.bau-nav-link,:where([data-ui=bauhaus]) .ui-nav-link{min-height:2.5rem;color:var(--bau-text-muted);border-radius:var(--bau-radius-pill);transition:color var(--bau-transition-fast),background var(--bau-transition-fast),box-shadow var(--bau-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.bau-nav-link:hover,:where([data-ui=bauhaus]) .ui-nav-link:hover{color:var(--bau-text);background:var(--bau-surface-soft)}.bau-nav-link[aria-current=page],.bau-nav-link.is-active,:where([data-ui=bauhaus]) .ui-nav-link[aria-current=page],:where([data-ui=bauhaus]) .ui-nav-link.is-active{color:var(--bau-on-primary);background:var(--bau-primary)}.bau-tooltip,[data-ui=bauhaus] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,var(--bau-primary)0 .45rem,var(--bau-surface-strong) .45rem);max-inline-size:16rem;color:var(--bau-text);border:2px double var(--bau-border);box-shadow:none;text-transform:uppercase;letter-spacing:.08em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.bau-tooltip-arrow{background:var(--bau-accent);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.bau-progress,:where([data-ui=bauhaus]) .ui-progress{background:var(--bau-surface-soft);border:2px solid var(--bau-border);border-radius:var(--bau-radius-pill);width:100%;height:.9rem;overflow:hidden}.bau-progress-bar,:where([data-ui=bauhaus]) .ui-progress-bar{height:100%;width:var(--bau-progress-value,50%);background:linear-gradient(90deg,var(--bau-primary),var(--bau-accent));border-radius:inherit}.bau-alert,:where([data-ui=bauhaus]) .ui-alert{gap:var(--bau-space-2);padding:var(--bau-space-4);background:var(--bau-surface);color:var(--bau-text);border:2px solid var(--bau-border);border-radius:var(--bau-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--bau-shadow-alpha));display:grid}.bau-alert-success,:where([data-ui=bauhaus]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--bau-success)}.bau-alert-warning,:where([data-ui=bauhaus]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--bau-warning)}.bau-alert-danger,:where([data-ui=bauhaus]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--bau-danger)}.bau-alert-title,:where([data-ui=bauhaus]) .ui-alert-title{margin:0;font-weight:900}.bau-alert-body,:where([data-ui=bauhaus]) .ui-alert-body{color:var(--bau-text-muted);margin:0;line-height:1.55}.bau-table-wrap,:where([data-ui=bauhaus]) .ui-table-wrap{overflow:auto}.bau-table,:where([data-ui=bauhaus]) .ui-table{border-collapse:collapse;width:100%}.bau-table th,.bau-table td,:where([data-ui=bauhaus]) .ui-table th,:where([data-ui=bauhaus]) .ui-table td{text-align:left;border-bottom:2px solid var(--bau-border);padding:.95rem 1rem}.bau-table th,:where([data-ui=bauhaus]) .ui-table th{color:var(--bau-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--bau-primary-rgb)/.08);font-size:.82rem;font-weight:900}.bau-table td,:where([data-ui=bauhaus]) .ui-table td{color:var(--bau-text-muted)}.bau-table tr:hover td,:where([data-ui=bauhaus]) .ui-table tr:hover td{background:rgb(var(--bau-primary-rgb)/.045)}.bau-text-primary{color:var(--bau-primary)}.bau-text-secondary{color:var(--bau-secondary)}.bau-text-accent{color:var(--bau-accent)}.bau-text-success{color:var(--bau-success)}.bau-text-warning{color:var(--bau-warning)}.bau-text-danger{color:var(--bau-danger)}.bau-bg-primary{background:var(--bau-primary);color:var(--bau-on-primary)}.bau-bg-secondary{background:var(--bau-secondary);color:var(--bau-on-secondary)}.bau-border{border:2px solid var(--bau-border)}.bau-rounded{border-radius:var(--bau-radius-md)}.bau-rounded-lg{border-radius:var(--bau-radius-lg)}.bau-rounded-xl{border-radius:var(--bau-radius-xl)}.bau-pill{border-radius:var(--bau-radius-pill)}.bau-sr-only,.bau-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.bau-skip-link{z-index:9999;background:var(--bau-primary);color:var(--bau-on-primary);border-radius:var(--bau-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.bau-skip-link:focus{transform:translateY(0)}.bau-composition{position:relative;overflow:hidden}.bau-composition:after{content:"";background:var(--bau-primary);opacity:.22;border-radius:50%;block-size:7rem;inline-size:7rem;position:absolute;top:-2rem;right:-2rem}.bau-block{background:var(--bau-primary);min-block-size:4rem;min-inline-size:4rem;color:var(--bau-on-primary);border:2px solid var(--bau-border);justify-content:center;align-items:center;font-weight:950;display:inline-flex}.bau-rail{border-left:.75rem solid var(--bau-primary);padding-left:var(--bau-space-4)}.bau-spinner,.bau-loading-spinner,[data-ui=bauhaus] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem double var(--bau-border);border-block-start-color:var(--bau-spinner-stroke);border-inline-end-color:var(--bau-spinner-accent);border-radius:var(--bau-radius-xs);background:conic-gradient(var(--bau-primary)0 25%,var(--bau-surface)0 50%,var(--bau-accent)0 75%,var(--bau-surface-soft)0);vertical-align:-.2em;block-size:2rem;inline-size:2rem;animation:.8s steps(4,end) infinite bau-spin;display:inline-block}.bau-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.bau-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.bau-button[aria-busy=true],.bau-icon-button[aria-busy=true],[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=bauhaus]) .ui-button[aria-busy=true],:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.bau-button[aria-busy=true]:after,.bau-icon-button[aria-busy=true]:after,[data-ui=bauhaus] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=bauhaus]) .ui-button[aria-busy=true]:after,:where([data-ui=bauhaus]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--bau-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite bau-spin;display:inline-block}@keyframes bau-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=bauhaus] *,[data-ui=bauhaus] :before,[data-ui=bauhaus] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=bauhaus]{--bau-border-alpha:1;--bau-focus-alpha:.75}}@media (forced-colors:active){[data-ui=bauhaus] *{forced-color-adjust:auto}[data-ui=bauhaus] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=bauhaus]{color:#000!important;background:#fff!important}[data-ui=bauhaus] *{box-shadow:none!important;text-shadow:none!important}[data-ui=bauhaus] a{text-decoration:underline;color:#000!important}}:root{--tactile-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tactile-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--tactile-font-body:var(--tactile-font-sans);--tactile-font-heading:var(--tactile-font-display);--tactile-font-control:var(--tactile-font-display);--tactile-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--tactile-radius-xs:.25rem;--tactile-radius-sm:.5rem;--tactile-radius-md:.9rem;--tactile-radius-lg:1.4rem;--tactile-radius-xl:calc(1.4rem + .5rem);--tactile-radius-pill:999px;--tactile-space-1:.25rem;--tactile-space-2:.5rem;--tactile-space-3:.75rem;--tactile-space-4:1rem;--tactile-space-5:1.25rem;--tactile-space-6:1.5rem;--tactile-space-8:2rem;--tactile-transition-fast:.15s ease;--tactile-transition-base:.24s ease}[data-ui=tactile][data-mode=light]{color-scheme:light;--tactile-panel-alpha:.98;--tactile-panel-soft-alpha:.78;--tactile-border-alpha:.58;--tactile-shadow-alpha:.12;--tactile-focus-alpha:.34}[data-ui=tactile][data-mode=dark]{color-scheme:dark;--tactile-panel-alpha:.92;--tactile-panel-soft-alpha:.64;--tactile-border-alpha:.52;--tactile-shadow-alpha:.34;--tactile-focus-alpha:.42}[data-ui=tactile][data-mode=contrast]{color-scheme:dark;--tactile-panel-alpha:1;--tactile-panel-soft-alpha:.92;--tactile-border-alpha:1;--tactile-shadow-alpha:.5;--tactile-focus-alpha:.72}[data-ui=tactile][data-theme][data-mode]{--tactile-bg-rgb:var(--usk-bg-rgb);--tactile-surface-rgb:var(--usk-surface-rgb);--tactile-surface-strong-rgb:var(--usk-surface-strong-rgb);--tactile-surface-soft-rgb:var(--usk-surface-soft-rgb);--tactile-text-rgb:var(--usk-text-rgb);--tactile-text-muted-rgb:var(--usk-text-muted-rgb);--tactile-border-rgb:var(--usk-border-rgb);--tactile-primary-rgb:var(--usk-primary-rgb);--tactile-primary-hover-rgb:var(--usk-primary-hover-rgb);--tactile-primary-text-rgb:var(--usk-primary-text-rgb);--tactile-secondary-rgb:var(--usk-secondary-rgb);--tactile-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--tactile-secondary-text-rgb:var(--usk-secondary-text-rgb);--tactile-accent-rgb:var(--usk-accent-rgb);--tactile-success-rgb:var(--usk-success-rgb);--tactile-warning-rgb:var(--usk-warning-rgb);--tactile-danger-rgb:var(--usk-danger-rgb);--tactile-link-rgb:var(--usk-link-rgb);--tactile-accent-text-rgb:var(--usk-accent-text-rgb);--tactile-success-text-rgb:var(--usk-success-text-rgb);--tactile-warning-text-rgb:var(--usk-warning-text-rgb);--tactile-danger-text-rgb:var(--usk-danger-text-rgb);--tactile-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--tactile-surface);--usk-native-surface-strong:var(--tactile-surface-strong);--usk-native-surface-soft:var(--tactile-surface-soft);--usk-native-card-bg:var(--tactile-card-bg);--usk-native-control-bg:var(--tactile-control-bg);--usk-native-text:var(--tactile-text);--usk-native-text-muted:var(--tactile-text-muted);--usk-native-border:var(--tactile-border);--usk-native-primary:var(--tactile-primary);--usk-native-primary-hover:var(--tactile-primary-hover);--usk-native-on-primary:var(--tactile-on-primary);--usk-native-focus:var(--tactile-focus);--usk-native-success:var(--tactile-success);--usk-native-warning:var(--tactile-warning);--usk-native-danger:var(--tactile-danger);--usk-native-link:var(--tactile-link);--usk-native-font-body:var(--tactile-font-body);--usk-native-font-heading:var(--tactile-font-heading);--usk-native-font-control:var(--tactile-font-control);--usk-native-font-mono:var(--tactile-font-mono);--usk-native-radius-sm:var(--tactile-radius-sm);--usk-native-radius:var(--tactile-radius-md);--usk-native-radius-lg:var(--tactile-radius-lg);--usk-native-shadow:var(--tactile-shadow-sm,none);--usk-native-shadow-md:var(--tactile-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--tactile-focus-ring,0 0 0 3px rgb(var(--tactile-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--tactile-space-5);--tactile-bg:rgb(var(--tactile-bg-rgb));--tactile-surface:rgb(var(--tactile-surface-rgb) / var(--tactile-panel-alpha));--tactile-surface-strong:rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha));--tactile-surface-soft:rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha));--tactile-text:rgb(var(--tactile-text-rgb));--tactile-text-muted:rgb(var(--tactile-text-muted-rgb));--tactile-fg:var(--tactile-text);--tactile-surface-fg:var(--tactile-text);--tactile-muted:var(--tactile-text-muted);--tactile-border:rgb(var(--tactile-border-rgb) / var(--tactile-border-alpha));--tactile-control-fg:var(--tactile-text);--tactile-primary:rgb(var(--tactile-primary-rgb));--tactile-primary-hover:rgb(var(--tactile-primary-hover-rgb));--tactile-primary-text:rgb(var(--tactile-primary-text-rgb));--tactile-secondary:rgb(var(--tactile-secondary-rgb));--tactile-secondary-hover:rgb(var(--tactile-secondary-hover-rgb));--tactile-secondary-text:rgb(var(--tactile-secondary-text-rgb));--tactile-on-primary:var(--tactile-primary-text);--tactile-on-secondary:var(--tactile-secondary-text);--tactile-on-accent:rgb(var(--tactile-accent-text-rgb));--tactile-on-success:rgb(var(--tactile-success-text-rgb));--tactile-on-warning:rgb(var(--tactile-warning-text-rgb));--tactile-on-danger:rgb(var(--tactile-danger-text-rgb));--tactile-accent:rgb(var(--tactile-accent-rgb));--tactile-success:rgb(var(--tactile-success-rgb));--tactile-warning:rgb(var(--tactile-warning-rgb));--tactile-danger:rgb(var(--tactile-danger-rgb));--tactile-link:rgb(var(--tactile-link-rgb));--tactile-focus:rgb(var(--tactile-focus-rgb));--tactile-focus-ring:0 0 0 3px rgb(var(--tactile-focus-rgb) / var(--tactile-focus-alpha));--tactile-theme-bg-size:auto;--tactile-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--tactile-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--tactile-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--tactile-secondary-rgb) / .1), transparent 34rem), var(--tactile-bg);--tactile-card-bg:linear-gradient(135deg, rgb(var(--tactile-primary-rgb) / .1), rgb(var(--tactile-accent-rgb) / .055) 42%, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)) 100%), var(--tactile-surface);--tactile-control-bg:linear-gradient(180deg, rgb(var(--tactile-surface-strong-rgb) / var(--tactile-panel-alpha)), rgb(var(--tactile-surface-soft-rgb) / var(--tactile-panel-soft-alpha)));--tactile-spinner-track:rgb(var(--tactile-border-rgb) / max(.28, calc(var(--tactile-border-alpha) * .7)));--tactile-spinner-stroke:var(--tactile-primary);--tactile-spinner-accent:var(--tactile-accent)}[data-ui=tactile]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--tactile-bg);color:var(--tactile-text);font-family:var(--tactile-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{box-sizing:border-box}[data-ui=tactile][data-theme][data-mode]{background:var(--tactile-theme-bg);background-size:var(--tactile-theme-bg-size)}.tactile-title,.tactile-heading,.tactile-kicker,.tactile-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-badge,:where([data-ui=tactile]) .ui-nav-link{font-family:var(--tactile-font-heading)}.tactile-title{color:var(--tactile-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.tactile-heading{color:var(--tactile-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.tactile-kicker{color:var(--tactile-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.tactile-subtitle,.tactile-copy{color:var(--tactile-text-muted);margin:0;line-height:1.65}.tactile-text-muted{color:var(--tactile-text-muted)}.tactile-divider{background:var(--tactile-border);border:0;width:100%;height:1px}.tactile-surface,.tactile-card,.tactile-panel,.tactile-toolbar,.tactile-table-wrap,:where([data-ui=tactile]) .ui-card,:where([data-ui=tactile]) .ui-toolbar,:where([data-ui=tactile]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 18px 36px rgb(0 0 0/var(--tactile-shadow-alpha)),inset 0 1px 0 #ffffff40;transition:transform var(--tactile-transition-base),box-shadow var(--tactile-transition-base),border-color var(--tactile-transition-base),background var(--tactile-transition-base);position:relative}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{padding:var(--tactile-space-6)}.tactile-toolbar,:where([data-ui=tactile]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--tactile-space-4);padding:var(--tactile-space-4);flex-wrap:wrap;display:flex}.tactile-surface-sm{border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--tactile-shadow-alpha)*.72))}.tactile-surface-lg{border-radius:var(--tactile-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .08))}.tactile-well,.tactile-inset{background:var(--tactile-surface-soft);color:var(--tactile-text);border:1px solid rgb(var(--tactile-border-rgb)/calc(var(--tactile-border-alpha)*.7));border-radius:var(--tactile-radius-md);padding:var(--tactile-space-5);box-shadow:inset 0 1px 3px #00000014}.tactile-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--tactile-shadow-alpha) + .12));transform:translateY(-2px)}.tactile-button,.tactile-icon-button,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--tactile-space-2);background:var(--tactile-surface);min-height:2.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--tactile-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast),transform var(--tactile-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.tactile-button:hover,.tactile-icon-button:hover,:where([data-ui=tactile]) .ui-button:hover,:where([data-ui=tactile]) .ui-icon-button:hover{border-color:var(--tactile-primary);transform:translateY(-1px)}.tactile-button:active,.tactile-icon-button:active,.tactile-button[aria-pressed=true],.tactile-icon-button[aria-pressed=true],.tactile-button.is-active,.tactile-icon-button.is-active,:where([data-ui=tactile]) .ui-button:active,:where([data-ui=tactile]) .ui-icon-button:active,:where([data-ui=tactile]) .ui-button[aria-pressed=true],:where([data-ui=tactile]) .ui-icon-button[aria-pressed=true],:where([data-ui=tactile]) .ui-button.is-active,:where([data-ui=tactile]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.tactile-button-primary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-button-primary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--tactile-primary-hover);border-color:var(--tactile-primary-hover)}.tactile-button-secondary,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-button-secondary:hover,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--tactile-secondary-hover);border-color:var(--tactile-secondary-hover)}.tactile-button-danger,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-button-ghost,:where([data-ui=tactile]) .ui-button:where([data-ui-variant=ghost]){color:var(--tactile-text);box-shadow:none;background:0 0}.tactile-icon-button,:where([data-ui=tactile]) .ui-icon-button{border-radius:var(--tactile-radius-pill);width:2.75rem;padding:0}.tactile-button:disabled,.tactile-icon-button:disabled,.tactile-disabled,:where([data-ui=tactile]) .ui-button:disabled,:where([data-ui=tactile]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.tactile-card,.tactile-panel,:where([data-ui=tactile]) .ui-card{background:var(--tactile-card-bg)}.tactile-toolbar,.tactile-table-wrap,.tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost),.tactile-icon-button,:where([data-ui=tactile]) .ui-toolbar,:where([data-ui=tactile]) .ui-table-wrap,:where([data-ui=tactile]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=tactile]) .ui-icon-button{background:var(--tactile-control-bg)}.tactile-button,.tactile-icon-button,.tactile-badge,.tactile-nav-link,:where([data-ui=tactile]) .ui-button,:where([data-ui=tactile]) .ui-icon-button,:where([data-ui=tactile]) .ui-badge,:where([data-ui=tactile]) .ui-nav-link{font-family:var(--tactile-font-control)}.tactile-field,:where([data-ui=tactile]) .ui-field{gap:var(--tactile-space-2);flex-direction:column;display:flex}.tactile-label,:where([data-ui=tactile]) .ui-label{color:var(--tactile-text);font-size:.925rem;font-weight:800}.tactile-input,.tactile-textarea,.tactile-select,:where([data-ui=tactile]) .ui-input,:where([data-ui=tactile]) .ui-textarea,:where([data-ui=tactile]) .ui-select{background:var(--tactile-surface-soft);width:100%;min-height:2.875rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-md);font:inherit;transition:background var(--tactile-transition-fast),border-color var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);outline:none;padding:.75rem 1rem}.tactile-textarea,:where([data-ui=tactile]) .ui-textarea{resize:vertical;min-height:8rem}.tactile-input::placeholder,.tactile-textarea::placeholder,:where([data-ui=tactile]) .ui-input::placeholder,:where([data-ui=tactile]) .ui-textarea::placeholder{color:var(--tactile-text-muted);opacity:.82}.tactile-input:hover,.tactile-textarea:hover,.tactile-select:hover,:where([data-ui=tactile]) .ui-input:hover,:where([data-ui=tactile]) .ui-textarea:hover,:where([data-ui=tactile]) .ui-select:hover{border-color:rgb(var(--tactile-primary-rgb)/.58)}.tactile-input:focus,.tactile-textarea:focus,.tactile-select:focus,:where([data-ui=tactile]) .ui-input:focus,:where([data-ui=tactile]) .ui-textarea:focus,:where([data-ui=tactile]) .ui-select:focus{border-color:var(--tactile-focus);box-shadow:var(--tactile-focus-ring)}.tactile-help-text,:where([data-ui=tactile]) .ui-help-text{color:var(--tactile-text-muted);font-size:.875rem;line-height:1.45}.tactile-check,.tactile-radio,:where([data-ui=tactile]) .ui-check,:where([data-ui=tactile]) .ui-radio{align-items:center;gap:var(--tactile-space-2);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-check input,.tactile-radio input,:where([data-ui=tactile]) .ui-check input,:where([data-ui=tactile]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.tactile-check-control,.tactile-radio-control,:where([data-ui=tactile]) .ui-check-control,:where([data-ui=tactile]) .ui-radio-control{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);width:1.35rem;height:1.35rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);place-items:center;display:inline-grid}.tactile-check-control,:where([data-ui=tactile]) .ui-check-control{border-radius:var(--tactile-radius-xs)}.tactile-radio-control,:where([data-ui=tactile]) .ui-radio-control{border-radius:50%}.tactile-check input:checked+.tactile-check-control,.tactile-radio input:checked+.tactile-radio-control,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control{background:var(--tactile-primary);border-color:var(--tactile-primary);box-shadow:var(--tactile-focus-ring)}.tactile-check input:checked+.tactile-check-control:after,:where([data-ui=tactile]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--tactile-on-primary);font-size:.9rem;font-weight:900}.tactile-radio input:checked+.tactile-radio-control:after,:where([data-ui=tactile]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--tactile-on-primary);border-radius:50%;width:.55rem;height:.55rem}.tactile-switch,:where([data-ui=tactile]) .ui-switch{align-items:center;gap:var(--tactile-space-3);color:var(--tactile-text);cursor:pointer;display:inline-flex}.tactile-switch input,:where([data-ui=tactile]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.tactile-switch-track,:where([data-ui=tactile]) .ui-switch-track{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);position:relative}.tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch-thumb{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--tactile-shadow-alpha));transition:left var(--tactile-transition-fast),background var(--tactile-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.tactile-switch input:checked+.tactile-switch-track,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track{background:var(--tactile-primary);border-color:var(--tactile-primary)}.tactile-switch input:checked+.tactile-switch-track .tactile-switch-thumb,:where([data-ui=tactile]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--tactile-on-primary);left:calc(100% - 1.56rem)}.tactile-badge,:where([data-ui=tactile]) .ui-badge{align-items:center;gap:var(--tactile-space-1);background:var(--tactile-surface-soft);min-height:1.75rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.tactile-badge-primary,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=primary]){background:var(--tactile-primary);color:var(--tactile-on-primary);border-color:var(--tactile-primary)}.tactile-badge-secondary,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=secondary]){background:var(--tactile-secondary);color:var(--tactile-on-secondary);border-color:var(--tactile-secondary)}.tactile-badge-success,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=success]){background:var(--tactile-success);color:var(--tactile-on-success);border-color:var(--tactile-success)}.tactile-badge-warning,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=warning]){background:var(--tactile-warning);color:var(--tactile-on-warning);border-color:var(--tactile-warning)}.tactile-badge-danger,:where([data-ui=tactile]) .ui-badge:where([data-ui-variant=danger]){background:var(--tactile-danger);color:var(--tactile-on-danger);border-color:var(--tactile-danger)}.tactile-nav,:where([data-ui=tactile]) .ui-nav{align-items:center;gap:var(--tactile-space-2);padding:var(--tactile-space-2);background:var(--tactile-surface);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));flex-wrap:wrap;display:flex}.tactile-nav-link,:where([data-ui=tactile]) .ui-nav-link{min-height:2.5rem;color:var(--tactile-text-muted);border-radius:var(--tactile-radius-pill);transition:color var(--tactile-transition-fast),background var(--tactile-transition-fast),box-shadow var(--tactile-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.tactile-nav-link:hover,:where([data-ui=tactile]) .ui-nav-link:hover{color:var(--tactile-text);background:var(--tactile-surface-soft)}.tactile-nav-link[aria-current=page],.tactile-nav-link.is-active,:where([data-ui=tactile]) .ui-nav-link[aria-current=page],:where([data-ui=tactile]) .ui-nav-link.is-active{color:var(--tactile-on-primary);background:var(--tactile-primary)}.tactile-tooltip,[data-ui=tactile] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(180deg,#ffffff2e,#00000014),var(--tactile-surface-strong);max-inline-size:16rem;color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:inset 0 1px 0 #ffffff52,0 .7rem 1.4rem rgb(0 0 0/var(--tactile-shadow-alpha));align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex}.tactile-tooltip-arrow{background:var(--tactile-surface-strong);border:1px solid var(--tactile-border);border-radius:.18rem;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.tactile-progress,:where([data-ui=tactile]) .ui-progress{background:var(--tactile-surface-soft);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-pill);width:100%;height:.9rem;overflow:hidden}.tactile-progress-bar,:where([data-ui=tactile]) .ui-progress-bar{height:100%;width:var(--tactile-progress-value,50%);background:linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent));border-radius:inherit}.tactile-alert,:where([data-ui=tactile]) .ui-alert{gap:var(--tactile-space-2);padding:var(--tactile-space-4);background:var(--tactile-surface);color:var(--tactile-text);border:1px solid var(--tactile-border);border-radius:var(--tactile-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--tactile-shadow-alpha));display:grid}.tactile-alert-success,:where([data-ui=tactile]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--tactile-success)}.tactile-alert-warning,:where([data-ui=tactile]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--tactile-warning)}.tactile-alert-danger,:where([data-ui=tactile]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--tactile-danger)}.tactile-alert-title,:where([data-ui=tactile]) .ui-alert-title{margin:0;font-weight:900}.tactile-alert-body,:where([data-ui=tactile]) .ui-alert-body{color:var(--tactile-text-muted);margin:0;line-height:1.55}.tactile-table-wrap,:where([data-ui=tactile]) .ui-table-wrap{overflow:auto}.tactile-table,:where([data-ui=tactile]) .ui-table{border-collapse:collapse;width:100%}.tactile-table th,.tactile-table td,:where([data-ui=tactile]) .ui-table th,:where([data-ui=tactile]) .ui-table td{text-align:left;border-bottom:1px solid var(--tactile-border);padding:.95rem 1rem}.tactile-table th,:where([data-ui=tactile]) .ui-table th{color:var(--tactile-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--tactile-primary-rgb)/.08);font-size:.82rem;font-weight:900}.tactile-table td,:where([data-ui=tactile]) .ui-table td{color:var(--tactile-text-muted)}.tactile-table tr:hover td,:where([data-ui=tactile]) .ui-table tr:hover td{background:rgb(var(--tactile-primary-rgb)/.045)}.tactile-text-primary{color:var(--tactile-primary)}.tactile-text-secondary{color:var(--tactile-secondary)}.tactile-text-accent{color:var(--tactile-accent)}.tactile-text-success{color:var(--tactile-success)}.tactile-text-warning{color:var(--tactile-warning)}.tactile-text-danger{color:var(--tactile-danger)}.tactile-bg-primary{background:var(--tactile-primary);color:var(--tactile-on-primary)}.tactile-bg-secondary{background:var(--tactile-secondary);color:var(--tactile-on-secondary)}.tactile-border{border:1px solid var(--tactile-border)}.tactile-rounded{border-radius:var(--tactile-radius-md)}.tactile-rounded-lg{border-radius:var(--tactile-radius-lg)}.tactile-rounded-xl{border-radius:var(--tactile-radius-xl)}.tactile-pill{border-radius:var(--tactile-radius-pill)}.tactile-sr-only,.tactile-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.tactile-skip-link{z-index:9999;background:var(--tactile-primary);color:var(--tactile-on-primary);border-radius:var(--tactile-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.tactile-skip-link:focus{transform:translateY(0)}.tactile-bevel{background:linear-gradient(180deg,#ffffff38,#00000014),var(--tactile-surface);box-shadow:inset 0 1px 0 #ffffff52,inset 0-1px 0 #0000002e,0 16px 34px rgb(0 0 0/var(--tactile-shadow-alpha))}.tactile-pressed{background:var(--tactile-surface-soft);transform:translateY(1px);box-shadow:inset 0 4px 14px #00000038,inset 0 -1px #ffffff1f}.tactile-knob{background:radial-gradient(circle at 35% 30%,#ffffff59,transparent 28%),var(--tactile-surface-strong);border:1px solid var(--tactile-border);block-size:3.25rem;inline-size:3.25rem;box-shadow:inset 0 1px 0 #ffffff4d,0 12px 24px rgb(0 0 0/var(--tactile-shadow-alpha));border-radius:50%}.tactile-spinner,.tactile-loading-spinner,[data-ui=tactile] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.18rem solid rgb(var(--tactile-border-rgb)/.55);border-block-start-color:var(--tactile-spinner-stroke);border-inline-end-color:var(--tactile-spinner-accent);background:linear-gradient(145deg,rgb(var(--tactile-surface-strong-rgb)/.96),rgb(var(--tactile-surface-soft-rgb)/.72));block-size:2rem;inline-size:2rem;box-shadow:inset .16rem .16rem .32rem #0000002e,inset -.16rem -.16rem .32rem #ffffff42,0 .25rem .75rem rgb(0 0 0/var(--tactile-shadow-alpha));vertical-align:-.2em;border-radius:50%;animation:.85s cubic-bezier(.2,.8,.2,1) infinite tactile-spin;display:inline-block}.tactile-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.tactile-spinner-lg{border-width:.24rem;block-size:3rem;inline-size:3rem}.tactile-button[aria-busy=true],.tactile-icon-button[aria-busy=true],[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=tactile]) .ui-button[aria-busy=true],:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.tactile-button[aria-busy=true]:after,.tactile-icon-button[aria-busy=true]:after,[data-ui=tactile] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=tactile]) .ui-button[aria-busy=true]:after,:where([data-ui=tactile]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--tactile-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite tactile-spin;display:inline-block}@keyframes tactile-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=tactile] *,[data-ui=tactile] :before,[data-ui=tactile] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=tactile]{--tactile-border-alpha:1;--tactile-focus-alpha:.75}}@media (forced-colors:active){[data-ui=tactile] *{forced-color-adjust:auto}[data-ui=tactile] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=tactile]{color:#000!important;background:#fff!important}[data-ui=tactile] *{box-shadow:none!important;text-shadow:none!important}[data-ui=tactile] a{text-decoration:underline;color:#000!important}}:root{--neo-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--neo-font-display:Inter, ui-sans-serif, system-ui, sans-serif;--neo-font-body:var(--neo-font-sans);--neo-font-heading:var(--neo-font-display);--neo-font-control:var(--neo-font-display);--neo-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--neo-radius-xs:.25rem;--neo-radius-sm:.5rem;--neo-radius-md:.9rem;--neo-radius-lg:1.4rem;--neo-radius-xl:calc(1.4rem + .5rem);--neo-radius-pill:999px;--neo-space-1:.25rem;--neo-space-2:.5rem;--neo-space-3:.75rem;--neo-space-4:1rem;--neo-space-5:1.25rem;--neo-space-6:1.5rem;--neo-space-8:2rem;--neo-transition-fast:.15s ease;--neo-transition-base:.24s ease}[data-ui=neumorphism][data-mode=light]{color-scheme:light;--neo-panel-alpha:.98;--neo-panel-soft-alpha:.78;--neo-border-alpha:.58;--neo-shadow-alpha:.12;--neo-focus-alpha:.34}[data-ui=neumorphism][data-mode=dark]{color-scheme:dark;--neo-panel-alpha:.92;--neo-panel-soft-alpha:.64;--neo-border-alpha:.52;--neo-shadow-alpha:.34;--neo-focus-alpha:.42}[data-ui=neumorphism][data-mode=contrast]{color-scheme:dark;--neo-panel-alpha:1;--neo-panel-soft-alpha:.92;--neo-border-alpha:1;--neo-shadow-alpha:.5;--neo-focus-alpha:.72}[data-ui=neumorphism][data-theme][data-mode]{--neo-bg-rgb:var(--usk-bg-rgb);--neo-surface-rgb:var(--usk-surface-rgb);--neo-surface-strong-rgb:var(--usk-surface-strong-rgb);--neo-surface-soft-rgb:var(--usk-surface-soft-rgb);--neo-text-rgb:var(--usk-text-rgb);--neo-text-muted-rgb:var(--usk-text-muted-rgb);--neo-border-rgb:var(--usk-border-rgb);--neo-primary-rgb:var(--usk-primary-rgb);--neo-primary-hover-rgb:var(--usk-primary-hover-rgb);--neo-primary-text-rgb:var(--usk-primary-text-rgb);--neo-secondary-rgb:var(--usk-secondary-rgb);--neo-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--neo-secondary-text-rgb:var(--usk-secondary-text-rgb);--neo-accent-rgb:var(--usk-accent-rgb);--neo-success-rgb:var(--usk-success-rgb);--neo-warning-rgb:var(--usk-warning-rgb);--neo-danger-rgb:var(--usk-danger-rgb);--neo-link-rgb:var(--usk-link-rgb);--neo-accent-text-rgb:var(--usk-accent-text-rgb);--neo-success-text-rgb:var(--usk-success-text-rgb);--neo-warning-text-rgb:var(--usk-warning-text-rgb);--neo-danger-text-rgb:var(--usk-danger-text-rgb);--neo-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--neo-surface);--usk-native-surface-strong:var(--neo-surface-strong);--usk-native-surface-soft:var(--neo-surface-soft);--usk-native-card-bg:var(--neo-card-bg);--usk-native-control-bg:var(--neo-control-bg);--usk-native-text:var(--neo-text);--usk-native-text-muted:var(--neo-text-muted);--usk-native-border:var(--neo-border);--usk-native-primary:var(--neo-primary);--usk-native-primary-hover:var(--neo-primary-hover);--usk-native-on-primary:var(--neo-on-primary);--usk-native-focus:var(--neo-focus);--usk-native-success:var(--neo-success);--usk-native-warning:var(--neo-warning);--usk-native-danger:var(--neo-danger);--usk-native-link:var(--neo-link);--usk-native-font-body:var(--neo-font-body);--usk-native-font-heading:var(--neo-font-heading);--usk-native-font-control:var(--neo-font-control);--usk-native-font-mono:var(--neo-font-mono);--usk-native-radius-sm:var(--neo-radius-sm);--usk-native-radius:var(--neo-radius-md);--usk-native-radius-lg:var(--neo-radius-lg);--usk-native-shadow:var(--neo-shadow-sm);--usk-native-shadow-md:var(--neo-shadow-md);--usk-native-focus-ring:var(--neo-focus-ring,0 0 0 3px rgb(var(--neo-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--neo-space-5);--neo-bg:rgb(var(--neo-bg-rgb));--neo-surface:rgb(var(--neo-surface-rgb) / var(--neo-panel-alpha));--neo-surface-strong:rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha));--neo-surface-soft:rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha));--neo-text:rgb(var(--neo-text-rgb));--neo-text-muted:rgb(var(--neo-text-muted-rgb));--neo-fg:var(--neo-text);--neo-surface-fg:var(--neo-text);--neo-muted:var(--neo-text-muted);--neo-border:rgb(var(--neo-border-rgb) / var(--neo-border-alpha));--neo-control-fg:var(--neo-text);--neo-primary:rgb(var(--neo-primary-rgb));--neo-primary-hover:rgb(var(--neo-primary-hover-rgb));--neo-primary-text:rgb(var(--neo-primary-text-rgb));--neo-secondary:rgb(var(--neo-secondary-rgb));--neo-secondary-hover:rgb(var(--neo-secondary-hover-rgb));--neo-secondary-text:rgb(var(--neo-secondary-text-rgb));--neo-on-primary:var(--neo-primary-text);--neo-on-secondary:var(--neo-secondary-text);--neo-on-accent:rgb(var(--neo-accent-text-rgb));--neo-on-success:rgb(var(--neo-success-text-rgb));--neo-on-warning:rgb(var(--neo-warning-text-rgb));--neo-on-danger:rgb(var(--neo-danger-text-rgb));--neo-accent:rgb(var(--neo-accent-rgb));--neo-success:rgb(var(--neo-success-rgb));--neo-warning:rgb(var(--neo-warning-rgb));--neo-danger:rgb(var(--neo-danger-rgb));--neo-link:rgb(var(--neo-link-rgb));--neo-focus:rgb(var(--neo-focus-rgb));--neo-focus-ring:0 0 0 3px rgb(var(--neo-focus-rgb) / var(--neo-focus-alpha));--neo-theme-bg-size:auto;--neo-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--neo-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--neo-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--neo-secondary-rgb) / .1), transparent 34rem), var(--neo-bg);--neo-card-bg:linear-gradient(135deg, rgb(var(--neo-primary-rgb) / .1), rgb(var(--neo-accent-rgb) / .055) 42%, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)) 100%), var(--neo-surface);--neo-control-bg:linear-gradient(180deg, rgb(var(--neo-surface-strong-rgb) / var(--neo-panel-alpha)), rgb(var(--neo-surface-soft-rgb) / var(--neo-panel-soft-alpha)));--neo-spinner-track:rgb(var(--neo-border-rgb) / max(.28, calc(var(--neo-border-alpha) * .7)));--neo-spinner-stroke:var(--neo-primary);--neo-spinner-accent:var(--neo-accent)}[data-ui=neumorphism]{background:radial-gradient(circle at 50% -10%,#ffffff14,transparent 30rem),var(--neo-bg);color:var(--neo-text);font-family:var(--neo-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{box-sizing:border-box}[data-ui=neumorphism][data-theme][data-mode]{background:var(--neo-theme-bg);background-size:var(--neo-theme-bg-size)}.neo-title,.neo-heading,.neo-kicker,.neo-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-badge,:where([data-ui=neumorphism]) .ui-nav-link{font-family:var(--neo-font-heading)}.neo-title{color:var(--neo-text);letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.neo-heading{color:var(--neo-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.neo-kicker{color:var(--neo-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.neo-subtitle,.neo-copy{color:var(--neo-text-muted);margin:0;line-height:1.65}.neo-text-muted{color:var(--neo-text-muted)}.neo-divider{background:var(--neo-border);border:0;width:100%;height:1px}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card,:where([data-ui=neumorphism]) .ui-toolbar,:where([data-ui=neumorphism]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light);transition:transform var(--neo-transition-base),box-shadow var(--neo-transition-base),border-color var(--neo-transition-base),background var(--neo-transition-base);position:relative}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{padding:var(--neo-space-6)}.neo-toolbar,:where([data-ui=neumorphism]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--neo-space-4);padding:var(--neo-space-4);flex-wrap:wrap;display:flex}.neo-surface-sm{border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--neo-shadow-alpha)*.72))}.neo-surface-lg{border-radius:var(--neo-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .08))}.neo-well,.neo-inset{background:var(--neo-surface-soft);color:var(--neo-text);border:1px solid rgb(var(--neo-border-rgb)/calc(var(--neo-border-alpha)*.7));border-radius:var(--neo-radius-md);padding:var(--neo-space-5);box-shadow:inset 0 1px 3px #00000014}.neo-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--neo-shadow-alpha) + .12));transform:translateY(-2px)}.neo-button,.neo-icon-button,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--neo-space-2);background:var(--neo-surface);min-height:2.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--neo-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--neo-transition-fast),background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast),transform var(--neo-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.neo-button:hover,.neo-icon-button:hover,:where([data-ui=neumorphism]) .ui-button:hover,:where([data-ui=neumorphism]) .ui-icon-button:hover{border-color:var(--neo-primary);transform:translateY(-1px)}.neo-button:active,.neo-icon-button:active,.neo-button[aria-pressed=true],.neo-icon-button[aria-pressed=true],.neo-button.is-active,.neo-icon-button.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-pressed=true],:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.neo-button-primary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-button-primary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--neo-primary-hover);border-color:var(--neo-primary-hover)}.neo-button-secondary,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-button-secondary:hover,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--neo-secondary-hover);border-color:var(--neo-secondary-hover)}.neo-button-danger,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-button-ghost,:where([data-ui=neumorphism]) .ui-button:where([data-ui-variant=ghost]){color:var(--neo-text);box-shadow:none;background:0 0}.neo-icon-button,:where([data-ui=neumorphism]) .ui-icon-button{border-radius:var(--neo-radius-pill);width:2.75rem;padding:0}.neo-button:disabled,.neo-icon-button:disabled,.neo-disabled,:where([data-ui=neumorphism]) .ui-button:disabled,:where([data-ui=neumorphism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.neo-card,.neo-panel,:where([data-ui=neumorphism]) .ui-card{background:var(--neo-card-bg)}.neo-toolbar,.neo-table-wrap,.neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost),.neo-icon-button,:where([data-ui=neumorphism]) .ui-toolbar,:where([data-ui=neumorphism]) .ui-table-wrap,:where([data-ui=neumorphism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=neumorphism]) .ui-icon-button{background:var(--neo-control-bg)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav-link,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button,:where([data-ui=neumorphism]) .ui-badge,:where([data-ui=neumorphism]) .ui-nav-link{font-family:var(--neo-font-control)}.neo-field,:where([data-ui=neumorphism]) .ui-field{gap:var(--neo-space-2);flex-direction:column;display:flex}.neo-label,:where([data-ui=neumorphism]) .ui-label{color:var(--neo-text);font-size:.925rem;font-weight:800}.neo-input,.neo-textarea,.neo-select,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select{background:var(--neo-surface-soft);width:100%;min-height:2.875rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-md);font:inherit;transition:background var(--neo-transition-fast),border-color var(--neo-transition-fast),box-shadow var(--neo-transition-fast);outline:none;padding:.75rem 1rem}.neo-textarea,:where([data-ui=neumorphism]) .ui-textarea{resize:vertical;min-height:8rem}.neo-input::placeholder,.neo-textarea::placeholder,:where([data-ui=neumorphism]) .ui-input::placeholder,:where([data-ui=neumorphism]) .ui-textarea::placeholder{color:var(--neo-text-muted);opacity:.82}.neo-input:hover,.neo-textarea:hover,.neo-select:hover,:where([data-ui=neumorphism]) .ui-input:hover,:where([data-ui=neumorphism]) .ui-textarea:hover,:where([data-ui=neumorphism]) .ui-select:hover{border-color:rgb(var(--neo-primary-rgb)/.58)}.neo-input:focus,.neo-textarea:focus,.neo-select:focus,:where([data-ui=neumorphism]) .ui-input:focus,:where([data-ui=neumorphism]) .ui-textarea:focus,:where([data-ui=neumorphism]) .ui-select:focus{border-color:var(--neo-focus);box-shadow:var(--neo-focus-ring)}.neo-help-text,:where([data-ui=neumorphism]) .ui-help-text{color:var(--neo-text-muted);font-size:.875rem;line-height:1.45}.neo-check,.neo-radio,:where([data-ui=neumorphism]) .ui-check,:where([data-ui=neumorphism]) .ui-radio{align-items:center;gap:var(--neo-space-2);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-check input,.neo-radio input,:where([data-ui=neumorphism]) .ui-check input,:where([data-ui=neumorphism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.neo-check-control,.neo-radio-control,:where([data-ui=neumorphism]) .ui-check-control,:where([data-ui=neumorphism]) .ui-radio-control{background:var(--neo-surface-soft);border:1px solid var(--neo-border);width:1.35rem;height:1.35rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);place-items:center;display:inline-grid}.neo-check-control,:where([data-ui=neumorphism]) .ui-check-control{border-radius:var(--neo-radius-xs)}.neo-radio-control,:where([data-ui=neumorphism]) .ui-radio-control{border-radius:50%}.neo-check input:checked+.neo-check-control,.neo-radio input:checked+.neo-radio-control,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control{background:var(--neo-primary);border-color:var(--neo-primary);box-shadow:var(--neo-focus-ring)}.neo-check input:checked+.neo-check-control:after,:where([data-ui=neumorphism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--neo-on-primary);font-size:.9rem;font-weight:900}.neo-radio input:checked+.neo-radio-control:after,:where([data-ui=neumorphism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--neo-on-primary);border-radius:50%;width:.55rem;height:.55rem}.neo-switch,:where([data-ui=neumorphism]) .ui-switch{align-items:center;gap:var(--neo-space-3);color:var(--neo-text);cursor:pointer;display:inline-flex}.neo-switch input,:where([data-ui=neumorphism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch-track{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);position:relative}.neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch-thumb{background:var(--neo-surface-strong);border:1px solid var(--neo-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--neo-shadow-alpha));transition:left var(--neo-transition-fast),background var(--neo-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.neo-switch input:checked+.neo-switch-track,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track{background:var(--neo-primary);border-color:var(--neo-primary)}.neo-switch input:checked+.neo-switch-track .neo-switch-thumb,:where([data-ui=neumorphism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--neo-on-primary);left:calc(100% - 1.56rem)}.neo-badge,:where([data-ui=neumorphism]) .ui-badge{align-items:center;gap:var(--neo-space-1);background:var(--neo-surface-soft);min-height:1.75rem;color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.neo-badge-primary,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=primary]){background:var(--neo-primary);color:var(--neo-on-primary);border-color:var(--neo-primary)}.neo-badge-secondary,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=secondary]){background:var(--neo-secondary);color:var(--neo-on-secondary);border-color:var(--neo-secondary)}.neo-badge-success,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=success]){background:var(--neo-success);color:var(--neo-on-success);border-color:var(--neo-success)}.neo-badge-warning,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=warning]){background:var(--neo-warning);color:var(--neo-on-warning);border-color:var(--neo-warning)}.neo-badge-danger,:where([data-ui=neumorphism]) .ui-badge:where([data-ui-variant=danger]){background:var(--neo-danger);color:var(--neo-on-danger);border-color:var(--neo-danger)}.neo-nav,:where([data-ui=neumorphism]) .ui-nav{align-items:center;gap:var(--neo-space-2);padding:var(--neo-space-2);background:var(--neo-surface);border:1px solid var(--neo-border);border-radius:var(--neo-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));flex-wrap:wrap;display:flex}.neo-nav-link,:where([data-ui=neumorphism]) .ui-nav-link{min-height:2.5rem;color:var(--neo-text-muted);border-radius:var(--neo-radius-pill);transition:color var(--neo-transition-fast),background var(--neo-transition-fast),box-shadow var(--neo-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.neo-nav-link:hover,:where([data-ui=neumorphism]) .ui-nav-link:hover{color:var(--neo-text);background:var(--neo-surface-soft)}.neo-nav-link[aria-current=page],.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-nav-link[aria-current=page],:where([data-ui=neumorphism]) .ui-nav-link.is-active{color:var(--neo-on-primary);background:var(--neo-primary)}.neo-tooltip,[data-ui=neumorphism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--neo-surface);max-inline-size:16rem;color:var(--neo-text);border-radius:var(--neo-radius-pill);border:1px solid #0000;align-items:center;gap:.45rem;padding:.62rem .86rem;font-size:.82rem;font-weight:850;line-height:1.35;display:inline-flex;box-shadow:-.35rem -.35rem .8rem #ffffff47,.35rem .35rem .8rem #0000002e}.neo-tooltip-arrow{background:var(--neo-surface);border-radius:50%;flex:none;block-size:.58rem;inline-size:.58rem;box-shadow:inset .12rem .12rem .24rem #0000001f}.neo-progress,:where([data-ui=neumorphism]) .ui-progress{background:var(--neo-surface-soft);border:1px solid var(--neo-border);border-radius:var(--neo-radius-pill);width:100%;height:.9rem;overflow:hidden}.neo-progress-bar,:where([data-ui=neumorphism]) .ui-progress-bar{height:100%;width:var(--neo-progress-value,50%);background:linear-gradient(90deg,var(--neo-primary),var(--neo-accent));border-radius:inherit}.neo-alert,:where([data-ui=neumorphism]) .ui-alert{gap:var(--neo-space-2);padding:var(--neo-space-4);background:var(--neo-surface);color:var(--neo-text);border:1px solid var(--neo-border);border-radius:var(--neo-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--neo-shadow-alpha));display:grid}.neo-alert-success,:where([data-ui=neumorphism]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--neo-success)}.neo-alert-warning,:where([data-ui=neumorphism]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--neo-warning)}.neo-alert-danger,:where([data-ui=neumorphism]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--neo-danger)}.neo-alert-title,:where([data-ui=neumorphism]) .ui-alert-title{margin:0;font-weight:900}.neo-alert-body,:where([data-ui=neumorphism]) .ui-alert-body{color:var(--neo-text-muted);margin:0;line-height:1.55}.neo-table-wrap,:where([data-ui=neumorphism]) .ui-table-wrap{overflow:auto}.neo-table,:where([data-ui=neumorphism]) .ui-table{border-collapse:collapse;width:100%}.neo-table th,.neo-table td,:where([data-ui=neumorphism]) .ui-table th,:where([data-ui=neumorphism]) .ui-table td{text-align:left;border-bottom:1px solid var(--neo-border);padding:.95rem 1rem}.neo-table th,:where([data-ui=neumorphism]) .ui-table th{color:var(--neo-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--neo-primary-rgb)/.08);font-size:.82rem;font-weight:900}.neo-table td,:where([data-ui=neumorphism]) .ui-table td{color:var(--neo-text-muted)}.neo-table tr:hover td,:where([data-ui=neumorphism]) .ui-table tr:hover td{background:rgb(var(--neo-primary-rgb)/.045)}.neo-text-primary{color:var(--neo-primary)}.neo-text-secondary{color:var(--neo-secondary)}.neo-text-accent{color:var(--neo-accent)}.neo-text-success{color:var(--neo-success)}.neo-text-warning{color:var(--neo-warning)}.neo-text-danger{color:var(--neo-danger)}.neo-bg-primary{background:var(--neo-primary);color:var(--neo-on-primary)}.neo-bg-secondary{background:var(--neo-secondary);color:var(--neo-on-secondary)}.neo-border{border:1px solid var(--neo-border)}.neo-rounded{border-radius:var(--neo-radius-md)}.neo-rounded-lg{border-radius:var(--neo-radius-lg)}.neo-rounded-xl{border-radius:var(--neo-radius-xl)}.neo-pill{border-radius:var(--neo-radius-pill)}.neo-sr-only,.neo-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.neo-skip-link{z-index:9999;background:var(--neo-primary);color:var(--neo-on-primary);border-radius:var(--neo-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.neo-skip-link:focus{transform:translateY(0)}[data-ui=neumorphism][data-mode=light]{--neo-nm-light:#fffffff0;--neo-nm-dark:#94a2b285}[data-ui=neumorphism][data-mode=dark]{--neo-nm-light:#2e3746bd;--neo-nm-dark:#00000080}[data-ui=neumorphism][data-mode=contrast]{--neo-nm-light:#404040;--neo-nm-dark:#000}[data-ui=neumorphism]{background:var(--neo-bg)}.neo-surface,.neo-card,.neo-panel,.neo-toolbar,.neo-table-wrap,:where([data-ui=neumorphism]) .ui-card,:where([data-ui=neumorphism]) .ui-toolbar,:where([data-ui=neumorphism]) .ui-table-wrap{border-color:rgb(var(--neo-border-rgb)/.14);box-shadow:10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light)}.neo-surface-lg,.neo-hover-lift:hover{box-shadow:16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light)}.neo-well,.neo-inset,.neo-input,.neo-textarea,.neo-select,.neo-progress,:where([data-ui=neumorphism]) .ui-input,:where([data-ui=neumorphism]) .ui-textarea,:where([data-ui=neumorphism]) .ui-select,:where([data-ui=neumorphism]) .ui-progress{box-shadow:inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light)}.neo-button,.neo-icon-button,.neo-badge,.neo-nav,:where([data-ui=neumorphism]) .ui-button,:where([data-ui=neumorphism]) .ui-icon-button,:where([data-ui=neumorphism]) .ui-badge,:where([data-ui=neumorphism]) .ui-nav{box-shadow:5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light)}.neo-button:active,.neo-icon-button:active,.neo-button.is-active,.neo-icon-button.is-active,.neo-nav-link.is-active,:where([data-ui=neumorphism]) .ui-button:active,:where([data-ui=neumorphism]) .ui-icon-button:active,:where([data-ui=neumorphism]) .ui-button.is-active,:where([data-ui=neumorphism]) .ui-icon-button.is-active,:where([data-ui=neumorphism]) .ui-nav-link.is-active{box-shadow:inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light)}.neo-spinner,.neo-loading-spinner,[data-ui=neumorphism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.2rem solid #0000;border-block-start-color:var(--neo-spinner-stroke);border-inline-end-color:var(--neo-spinner-accent);background:conic-gradient(from 45deg,var(--neo-spinner-stroke),transparent 34%,var(--neo-spinner-accent),var(--neo-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:-.35rem -.35rem .8rem #ffffff52,.35rem .35rem .8rem #0000002e,inset 0 0 0 .38rem var(--neo-surface);vertical-align:-.2em;border-radius:50%;animation:1s linear infinite neo-spin;display:inline-block}.neo-spinner-sm{border-width:.12rem;block-size:1rem;inline-size:1rem}.neo-spinner-lg{border-width:.28rem;block-size:3rem;inline-size:3rem}.neo-button[aria-busy=true],.neo-icon-button[aria-busy=true],[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=neumorphism]) .ui-button[aria-busy=true],:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.neo-button[aria-busy=true]:after,.neo-icon-button[aria-busy=true]:after,[data-ui=neumorphism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=neumorphism]) .ui-button[aria-busy=true]:after,:where([data-ui=neumorphism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--neo-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite neo-spin;display:inline-block}@keyframes neo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=neumorphism] *,[data-ui=neumorphism] :before,[data-ui=neumorphism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=neumorphism]{--neo-border-alpha:1;--neo-focus-alpha:.75}}@media (forced-colors:active){[data-ui=neumorphism] *{forced-color-adjust:auto}[data-ui=neumorphism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=neumorphism]{color:#000!important;background:#fff!important}[data-ui=neumorphism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=neumorphism] a{text-decoration:underline;color:#000!important}}:root{--retro-font-sans:Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--retro-font-display:Orbitron, Eurostile, "Bank Gothic", Rajdhani, Inter, ui-sans-serif, system-ui, sans-serif;--retro-font-body:var(--retro-font-sans);--retro-font-heading:var(--retro-font-display);--retro-font-control:var(--retro-font-display);--retro-font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--retro-radius-xs:.25rem;--retro-radius-sm:.5rem;--retro-radius-md:.75rem;--retro-radius-lg:1rem;--retro-radius-xl:calc(1rem + .5rem);--retro-radius-pill:999px;--retro-space-1:.25rem;--retro-space-2:.5rem;--retro-space-3:.75rem;--retro-space-4:1rem;--retro-space-5:1.25rem;--retro-space-6:1.5rem;--retro-space-8:2rem;--retro-transition-fast:.15s ease;--retro-transition-base:.24s ease}[data-ui=retrofuturism][data-mode=light]{color-scheme:light;--retro-panel-alpha:.98;--retro-panel-soft-alpha:.78;--retro-border-alpha:.58;--retro-shadow-alpha:.12;--retro-focus-alpha:.34}[data-ui=retrofuturism][data-mode=dark]{color-scheme:dark;--retro-panel-alpha:.92;--retro-panel-soft-alpha:.64;--retro-border-alpha:.52;--retro-shadow-alpha:.34;--retro-focus-alpha:.42}[data-ui=retrofuturism][data-mode=contrast]{color-scheme:dark;--retro-panel-alpha:1;--retro-panel-soft-alpha:.92;--retro-border-alpha:1;--retro-shadow-alpha:.5;--retro-focus-alpha:.72}[data-ui=retrofuturism][data-theme][data-mode]{--retro-bg-rgb:var(--usk-bg-rgb);--retro-surface-rgb:var(--usk-surface-rgb);--retro-surface-strong-rgb:var(--usk-surface-strong-rgb);--retro-surface-soft-rgb:var(--usk-surface-soft-rgb);--retro-text-rgb:var(--usk-text-rgb);--retro-text-muted-rgb:var(--usk-text-muted-rgb);--retro-border-rgb:var(--usk-border-rgb);--retro-primary-rgb:var(--usk-primary-rgb);--retro-primary-hover-rgb:var(--usk-primary-hover-rgb);--retro-primary-text-rgb:var(--usk-primary-text-rgb);--retro-secondary-rgb:var(--usk-secondary-rgb);--retro-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--retro-secondary-text-rgb:var(--usk-secondary-text-rgb);--retro-accent-rgb:var(--usk-accent-rgb);--retro-success-rgb:var(--usk-success-rgb);--retro-warning-rgb:var(--usk-warning-rgb);--retro-danger-rgb:var(--usk-danger-rgb);--retro-link-rgb:var(--usk-link-rgb);--retro-accent-text-rgb:var(--usk-accent-text-rgb);--retro-success-text-rgb:var(--usk-success-text-rgb);--retro-warning-text-rgb:var(--usk-warning-text-rgb);--retro-danger-text-rgb:var(--usk-danger-text-rgb);--retro-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--retro-surface);--usk-native-surface-strong:var(--retro-surface-strong);--usk-native-surface-soft:var(--retro-surface-soft);--usk-native-card-bg:var(--retro-card-bg);--usk-native-control-bg:var(--retro-control-bg);--usk-native-text:var(--retro-text);--usk-native-text-muted:var(--retro-text-muted);--usk-native-border:var(--retro-border);--usk-native-primary:var(--retro-primary);--usk-native-primary-hover:var(--retro-primary-hover);--usk-native-on-primary:var(--retro-on-primary);--usk-native-focus:var(--retro-focus);--usk-native-success:var(--retro-success);--usk-native-warning:var(--retro-warning);--usk-native-danger:var(--retro-danger);--usk-native-link:var(--retro-link);--usk-native-font-body:var(--retro-font-body);--usk-native-font-heading:var(--retro-font-heading);--usk-native-font-control:var(--retro-font-control);--usk-native-font-mono:var(--retro-font-mono);--usk-native-radius-sm:var(--retro-radius-sm);--usk-native-radius:var(--retro-radius-md);--usk-native-radius-lg:var(--retro-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--retro-shadow-alpha) * .72));--usk-native-shadow-md:var(--retro-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--retro-focus-ring,0 0 0 3px rgb(var(--retro-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--retro-space-5);--retro-bg:rgb(var(--retro-bg-rgb));--retro-surface:rgb(var(--retro-surface-rgb) / var(--retro-panel-alpha));--retro-surface-strong:rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha));--retro-surface-soft:rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha));--retro-text:rgb(var(--retro-text-rgb));--retro-text-muted:rgb(var(--retro-text-muted-rgb));--retro-fg:var(--retro-text);--retro-surface-fg:var(--retro-text);--retro-muted:var(--retro-text-muted);--retro-border:rgb(var(--retro-border-rgb) / var(--retro-border-alpha));--retro-control-fg:var(--retro-text);--retro-primary:rgb(var(--retro-primary-rgb));--retro-primary-hover:rgb(var(--retro-primary-hover-rgb));--retro-primary-text:rgb(var(--retro-primary-text-rgb));--retro-secondary:rgb(var(--retro-secondary-rgb));--retro-secondary-hover:rgb(var(--retro-secondary-hover-rgb));--retro-secondary-text:rgb(var(--retro-secondary-text-rgb));--retro-on-primary:var(--retro-primary-text);--retro-on-secondary:var(--retro-secondary-text);--retro-on-accent:rgb(var(--retro-accent-text-rgb));--retro-on-success:rgb(var(--retro-success-text-rgb));--retro-on-warning:rgb(var(--retro-warning-text-rgb));--retro-on-danger:rgb(var(--retro-danger-text-rgb));--retro-accent:rgb(var(--retro-accent-rgb));--retro-success:rgb(var(--retro-success-rgb));--retro-warning:rgb(var(--retro-warning-rgb));--retro-danger:rgb(var(--retro-danger-rgb));--retro-link:rgb(var(--retro-link-rgb));--retro-focus:rgb(var(--retro-focus-rgb));--retro-focus-ring:0 0 0 3px rgb(var(--retro-focus-rgb) / var(--retro-focus-alpha));--retro-theme-bg-size:auto;--retro-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--retro-primary-rgb) / .16), transparent 32rem), radial-gradient(circle at 100% 0%, rgb(var(--retro-accent-rgb) / .12), transparent 30rem), radial-gradient(circle at 50% 100%, rgb(var(--retro-secondary-rgb) / .1), transparent 34rem), var(--retro-bg);--retro-card-bg:linear-gradient(135deg, rgb(var(--retro-primary-rgb) / .1), rgb(var(--retro-accent-rgb) / .055) 42%, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)) 100%), var(--retro-surface);--retro-control-bg:linear-gradient(180deg, rgb(var(--retro-surface-strong-rgb) / var(--retro-panel-alpha)), rgb(var(--retro-surface-soft-rgb) / var(--retro-panel-soft-alpha)));--retro-spinner-track:rgb(var(--retro-border-rgb) / max(.28, calc(var(--retro-border-alpha) * .7)));--retro-spinner-stroke:var(--retro-primary);--retro-spinner-accent:var(--retro-accent)}[data-ui=retrofuturism]{background:radial-gradient(circle at 20% 5%,rgb(var(--retro-accent-rgb)/.18),transparent 26rem),radial-gradient(circle at 85% 0%,rgb(var(--retro-secondary-rgb)/.12),transparent 24rem),var(--retro-bg);color:var(--retro-text);font-family:var(--retro-font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{box-sizing:border-box}[data-ui=retrofuturism][data-theme][data-mode]{background:var(--retro-theme-bg);background-size:var(--retro-theme-bg-size)}.retro-title,.retro-heading,.retro-kicker,.retro-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-badge,:where([data-ui=retrofuturism]) .ui-nav-link{font-family:var(--retro-font-heading)}.retro-title{color:var(--retro-text);letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}.retro-heading{color:var(--retro-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.15}.retro-kicker{color:var(--retro-primary);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:850}.retro-subtitle,.retro-copy{color:var(--retro-text-muted);margin:0;line-height:1.65}.retro-text-muted{color:var(--retro-text-muted)}.retro-divider{background:var(--retro-border);border:0;width:100%;height:1px}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card,:where([data-ui=retrofuturism]) .ui-toolbar,:where([data-ui=retrofuturism]) .ui-table-wrap{background:linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 12px 34px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 24px rgb(var(--retro-primary-rgb)/.16);transition:transform var(--retro-transition-base),box-shadow var(--retro-transition-base),border-color var(--retro-transition-base),background var(--retro-transition-base);position:relative}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{padding:var(--retro-space-6)}.retro-toolbar,:where([data-ui=retrofuturism]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--retro-space-4);padding:var(--retro-space-4);flex-wrap:wrap;display:flex}.retro-surface-sm{border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/calc(var(--retro-shadow-alpha)*.72))}.retro-surface-lg{border-radius:var(--retro-radius-xl);box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .08))}.retro-well,.retro-inset{background:var(--retro-surface-soft);color:var(--retro-text);border:1px solid rgb(var(--retro-border-rgb)/calc(var(--retro-border-alpha)*.7));border-radius:var(--retro-radius-md);padding:var(--retro-space-5);box-shadow:inset 0 1px 3px #00000014}.retro-hover-lift:hover{box-shadow:0 22px 60px rgb(0 0 0/calc(var(--retro-shadow-alpha) + .12));transform:translateY(-3px)scale(1.005)}.retro-button,.retro-icon-button,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--retro-space-2);background:var(--retro-surface);min-height:2.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);box-shadow:0 6px 18px rgb(0 0 0/var(--retro-shadow-alpha));font:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:color var(--retro-transition-fast),background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast),transform var(--retro-transition-fast);padding:.75rem 1.1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.retro-button:hover,.retro-icon-button:hover,:where([data-ui=retrofuturism]) .ui-button:hover,:where([data-ui=retrofuturism]) .ui-icon-button:hover{border-color:var(--retro-primary);transform:translateY(-1px)}.retro-button:active,.retro-icon-button:active,.retro-button[aria-pressed=true],.retro-icon-button[aria-pressed=true],.retro-button.is-active,.retro-icon-button.is-active,:where([data-ui=retrofuturism]) .ui-button:active,:where([data-ui=retrofuturism]) .ui-icon-button:active,:where([data-ui=retrofuturism]) .ui-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-pressed=true],:where([data-ui=retrofuturism]) .ui-button.is-active,:where([data-ui=retrofuturism]) .ui-icon-button.is-active{transform:translateY(1px);box-shadow:inset 0 3px 10px #0000002e}.retro-button-primary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-button-primary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--retro-primary-hover);border-color:var(--retro-primary-hover)}.retro-button-secondary,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-button-secondary:hover,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--retro-secondary-hover);border-color:var(--retro-secondary-hover)}.retro-button-danger,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-button-ghost,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=ghost]){color:var(--retro-text);box-shadow:none;background:0 0}.retro-icon-button,:where([data-ui=retrofuturism]) .ui-icon-button{border-radius:var(--retro-radius-pill);width:2.75rem;padding:0}.retro-button:disabled,.retro-icon-button:disabled,.retro-disabled,:where([data-ui=retrofuturism]) .ui-button:disabled,:where([data-ui=retrofuturism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.retro-card,.retro-panel,:where([data-ui=retrofuturism]) .ui-card{background:var(--retro-card-bg)}.retro-toolbar,.retro-table-wrap,.retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost),.retro-icon-button,:where([data-ui=retrofuturism]) .ui-toolbar,:where([data-ui=retrofuturism]) .ui-table-wrap,:where([data-ui=retrofuturism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retrofuturism]) .ui-icon-button{background:var(--retro-control-bg)}.retro-button,.retro-icon-button,.retro-badge,.retro-nav-link,:where([data-ui=retrofuturism]) .ui-button,:where([data-ui=retrofuturism]) .ui-icon-button,:where([data-ui=retrofuturism]) .ui-badge,:where([data-ui=retrofuturism]) .ui-nav-link{font-family:var(--retro-font-control)}.retro-field,:where([data-ui=retrofuturism]) .ui-field{gap:var(--retro-space-2);flex-direction:column;display:flex}.retro-label,:where([data-ui=retrofuturism]) .ui-label{color:var(--retro-text);font-size:.925rem;font-weight:800}.retro-input,.retro-textarea,.retro-select,:where([data-ui=retrofuturism]) .ui-input,:where([data-ui=retrofuturism]) .ui-textarea,:where([data-ui=retrofuturism]) .ui-select{background:var(--retro-surface-soft);width:100%;min-height:2.875rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-md);font:inherit;transition:background var(--retro-transition-fast),border-color var(--retro-transition-fast),box-shadow var(--retro-transition-fast);outline:none;padding:.75rem 1rem}.retro-textarea,:where([data-ui=retrofuturism]) .ui-textarea{resize:vertical;min-height:8rem}.retro-input::placeholder,.retro-textarea::placeholder,:where([data-ui=retrofuturism]) .ui-input::placeholder,:where([data-ui=retrofuturism]) .ui-textarea::placeholder{color:var(--retro-text-muted);opacity:.82}.retro-input:hover,.retro-textarea:hover,.retro-select:hover,:where([data-ui=retrofuturism]) .ui-input:hover,:where([data-ui=retrofuturism]) .ui-textarea:hover,:where([data-ui=retrofuturism]) .ui-select:hover{border-color:rgb(var(--retro-primary-rgb)/.58)}.retro-input:focus,.retro-textarea:focus,.retro-select:focus,:where([data-ui=retrofuturism]) .ui-input:focus,:where([data-ui=retrofuturism]) .ui-textarea:focus,:where([data-ui=retrofuturism]) .ui-select:focus{border-color:var(--retro-focus);box-shadow:var(--retro-focus-ring)}.retro-help-text,:where([data-ui=retrofuturism]) .ui-help-text{color:var(--retro-text-muted);font-size:.875rem;line-height:1.45}.retro-check,.retro-radio,:where([data-ui=retrofuturism]) .ui-check,:where([data-ui=retrofuturism]) .ui-radio{align-items:center;gap:var(--retro-space-2);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-check input,.retro-radio input,:where([data-ui=retrofuturism]) .ui-check input,:where([data-ui=retrofuturism]) .ui-radio input{opacity:0;pointer-events:none;position:absolute}.retro-check-control,.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check-control,:where([data-ui=retrofuturism]) .ui-radio-control{background:var(--retro-surface-soft);border:1px solid var(--retro-border);width:1.35rem;height:1.35rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);place-items:center;display:inline-grid}.retro-check-control,:where([data-ui=retrofuturism]) .ui-check-control{border-radius:var(--retro-radius-xs)}.retro-radio-control,:where([data-ui=retrofuturism]) .ui-radio-control{border-radius:50%}.retro-check input:checked+.retro-check-control,.retro-radio input:checked+.retro-radio-control,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control{background:var(--retro-primary);border-color:var(--retro-primary);box-shadow:var(--retro-focus-ring)}.retro-check input:checked+.retro-check-control:after,:where([data-ui=retrofuturism]) .ui-check input:checked+.ui-check-control:after{content:"✓";color:var(--retro-on-primary);font-size:.9rem;font-weight:900}.retro-radio input:checked+.retro-radio-control:after,:where([data-ui=retrofuturism]) .ui-radio input:checked+.ui-radio-control:after{content:"";background:var(--retro-on-primary);border-radius:50%;width:.55rem;height:.55rem}.retro-switch,:where([data-ui=retrofuturism]) .ui-switch{align-items:center;gap:var(--retro-space-3);color:var(--retro-text);cursor:pointer;display:inline-flex}.retro-switch input,:where([data-ui=retrofuturism]) .ui-switch input{opacity:0;pointer-events:none;position:absolute}.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch-track{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:3.5rem;height:1.9rem;transition:background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);position:relative}.retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch-thumb{background:var(--retro-surface-strong);border:1px solid var(--retro-border);width:1.34rem;height:1.34rem;box-shadow:0 4px 12px rgb(0 0 0/var(--retro-shadow-alpha));transition:left var(--retro-transition-fast),background var(--retro-transition-fast);border-radius:50%;position:absolute;top:.22rem;left:.22rem}.retro-switch input:checked+.retro-switch-track,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track{background:var(--retro-primary);border-color:var(--retro-primary)}.retro-switch input:checked+.retro-switch-track .retro-switch-thumb,:where([data-ui=retrofuturism]) .ui-switch input:checked+.ui-switch-track .ui-switch-thumb{background:var(--retro-on-primary);left:calc(100% - 1.56rem)}.retro-badge,:where([data-ui=retrofuturism]) .ui-badge{align-items:center;gap:var(--retro-space-1);background:var(--retro-surface-soft);min-height:1.75rem;color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);padding:.35rem .7rem;font-size:.8125rem;font-weight:850;line-height:1;display:inline-flex}.retro-badge-primary,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=primary]){background:var(--retro-primary);color:var(--retro-on-primary);border-color:var(--retro-primary)}.retro-badge-secondary,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=secondary]){background:var(--retro-secondary);color:var(--retro-on-secondary);border-color:var(--retro-secondary)}.retro-badge-success,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=success]){background:var(--retro-success);color:var(--retro-on-success);border-color:var(--retro-success)}.retro-badge-warning,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=warning]){background:var(--retro-warning);color:var(--retro-on-warning);border-color:var(--retro-warning)}.retro-badge-danger,:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=danger]){background:var(--retro-danger);color:var(--retro-on-danger);border-color:var(--retro-danger)}.retro-nav,:where([data-ui=retrofuturism]) .ui-nav{align-items:center;gap:var(--retro-space-2);padding:var(--retro-space-2);background:var(--retro-surface);border:1px solid var(--retro-border);border-radius:var(--retro-radius-xl);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));flex-wrap:wrap;display:flex}.retro-nav-link,:where([data-ui=retrofuturism]) .ui-nav-link{min-height:2.5rem;color:var(--retro-text-muted);border-radius:var(--retro-radius-pill);transition:color var(--retro-transition-fast),background var(--retro-transition-fast),box-shadow var(--retro-transition-fast);justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:inline-flex}.retro-nav-link:hover,:where([data-ui=retrofuturism]) .ui-nav-link:hover{color:var(--retro-text);background:var(--retro-surface-soft)}.retro-nav-link[aria-current=page],.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-nav-link[aria-current=page],:where([data-ui=retrofuturism]) .ui-nav-link.is-active{color:var(--retro-on-primary);background:var(--retro-primary)}.retro-tooltip,[data-ui=retrofuturism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 20% 20%,rgb(var(--retro-accent-rgb)/.18),transparent 35%),var(--retro-surface-strong);max-inline-size:16rem;color:var(--retro-text);border:1px solid rgb(var(--retro-primary-rgb)/.62);border-radius:var(--retro-radius-pill);box-shadow:0 0 1.2rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.45rem;padding:.6rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.retro-tooltip-arrow{background:var(--retro-accent);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));border-radius:50%;flex:none}.retro-progress,:where([data-ui=retrofuturism]) .ui-progress{background:var(--retro-surface-soft);border:1px solid var(--retro-border);border-radius:var(--retro-radius-pill);width:100%;height:.9rem;overflow:hidden}.retro-progress-bar,:where([data-ui=retrofuturism]) .ui-progress-bar{height:100%;width:var(--retro-progress-value,50%);background:linear-gradient(90deg,var(--retro-primary),var(--retro-accent));border-radius:inherit}.retro-alert,:where([data-ui=retrofuturism]) .ui-alert{gap:var(--retro-space-2);padding:var(--retro-space-4);background:var(--retro-surface);color:var(--retro-text);border:1px solid var(--retro-border);border-radius:var(--retro-radius-lg);box-shadow:0 10px 30px rgb(0 0 0/var(--retro-shadow-alpha));display:grid}.retro-alert-success,:where([data-ui=retrofuturism]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--retro-success)}.retro-alert-warning,:where([data-ui=retrofuturism]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--retro-warning)}.retro-alert-danger,:where([data-ui=retrofuturism]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--retro-danger)}.retro-alert-title,:where([data-ui=retrofuturism]) .ui-alert-title{margin:0;font-weight:900}.retro-alert-body,:where([data-ui=retrofuturism]) .ui-alert-body{color:var(--retro-text-muted);margin:0;line-height:1.55}.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-table-wrap{overflow:auto}.retro-table,:where([data-ui=retrofuturism]) .ui-table{border-collapse:collapse;width:100%}.retro-table th,.retro-table td,:where([data-ui=retrofuturism]) .ui-table th,:where([data-ui=retrofuturism]) .ui-table td{text-align:left;border-bottom:1px solid var(--retro-border);padding:.95rem 1rem}.retro-table th,:where([data-ui=retrofuturism]) .ui-table th{color:var(--retro-text);text-transform:uppercase;letter-spacing:.08em;background:rgb(var(--retro-primary-rgb)/.08);font-size:.82rem;font-weight:900}.retro-table td,:where([data-ui=retrofuturism]) .ui-table td{color:var(--retro-text-muted)}.retro-table tr:hover td,:where([data-ui=retrofuturism]) .ui-table tr:hover td{background:rgb(var(--retro-primary-rgb)/.045)}.retro-text-primary{color:var(--retro-primary)}.retro-text-secondary{color:var(--retro-secondary)}.retro-text-accent{color:var(--retro-accent)}.retro-text-success{color:var(--retro-success)}.retro-text-warning{color:var(--retro-warning)}.retro-text-danger{color:var(--retro-danger)}.retro-bg-primary{background:var(--retro-primary);color:var(--retro-on-primary)}.retro-bg-secondary{background:var(--retro-secondary);color:var(--retro-on-secondary)}.retro-border{border:1px solid var(--retro-border)}.retro-rounded{border-radius:var(--retro-radius-md)}.retro-rounded-lg{border-radius:var(--retro-radius-lg)}.retro-rounded-xl{border-radius:var(--retro-radius-xl)}.retro-pill{border-radius:var(--retro-radius-pill)}.retro-sr-only,.retro-visually-hidden{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.retro-skip-link{z-index:9999;background:var(--retro-primary);color:var(--retro-on-primary);border-radius:var(--retro-radius-md);padding:.75rem 1rem;font-weight:900;position:absolute;top:1rem;left:1rem;transform:translateY(-150%)}.retro-skip-link:focus{transform:translateY(0)}[data-ui=retrofuturism][data-theme][data-mode]{--retro-scanline-alpha:.055;--retro-grid-alpha:.12;--retro-glow-alpha:.34}[data-ui=retrofuturism]{background:radial-gradient(circle at 50% -10%,rgb(var(--retro-accent-rgb)/.16),transparent 34rem),radial-gradient(circle at 85% 12%,rgb(var(--retro-secondary-rgb)/.12),transparent 28rem),linear-gradient(180deg,#ffffff06,#00000014),var(--retro-bg)}.retro-title,.retro-heading{text-transform:uppercase;letter-spacing:.07em;text-shadow:0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16)}.retro-surface,.retro-card,.retro-panel,.retro-toolbar,.retro-table-wrap,:where([data-ui=retrofuturism]) .ui-card,:where([data-ui=retrofuturism]) .ui-toolbar,:where([data-ui=retrofuturism]) .ui-table-wrap{background:linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface);box-shadow:0 18px 48px rgb(0 0 0/var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14)}.retro-button-primary,.retro-badge-primary,.retro-nav-link.is-active,:where([data-ui=retrofuturism]) .ui-button:where([data-ui-variant=primary]),:where([data-ui=retrofuturism]) .ui-badge:where([data-ui-variant=primary]),:where([data-ui=retrofuturism]) .ui-nav-link.is-active{box-shadow:0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22)}.retro-spinner,.retro-loading-spinner,[data-ui=retrofuturism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid var(--retro-border);border-block-start-color:var(--retro-spinner-stroke);border-inline-end-color:var(--retro-spinner-accent);background:radial-gradient(circle at center,var(--retro-accent)0 .16rem,transparent .18rem),conic-gradient(from -45deg,var(--retro-spinner-stroke),transparent 42%,var(--retro-spinner-accent),var(--retro-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 0 .2rem rgb(var(--retro-primary-rgb)/.16),0 0 1.35rem rgb(var(--retro-accent-rgb)/var(--retro-glow-alpha));vertical-align:-.2em;border-radius:50%;animation:1.05s linear infinite retro-spin;display:inline-block}.retro-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.retro-spinner-lg{border-width:.18rem;block-size:3rem;inline-size:3rem}.retro-button[aria-busy=true],.retro-icon-button[aria-busy=true],[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retrofuturism]) .ui-button[aria-busy=true],:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.retro-button[aria-busy=true]:after,.retro-icon-button[aria-busy=true]:after,[data-ui=retrofuturism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retrofuturism]) .ui-button[aria-busy=true]:after,:where([data-ui=retrofuturism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--retro-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite retro-spin;display:inline-block}@keyframes retro-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retrofuturism] *,[data-ui=retrofuturism] :before,[data-ui=retrofuturism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retrofuturism]{--retro-border-alpha:1;--retro-focus-alpha:.75}}@media (forced-colors:active){[data-ui=retrofuturism] *{forced-color-adjust:auto}[data-ui=retrofuturism] :where(:focus-visible){outline:3px solid canvastext}}@media print{[data-ui=retrofuturism]{color:#000!important;background:#fff!important}[data-ui=retrofuturism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retrofuturism] a{text-decoration:underline;color:#000!important}}:root{--brutal-radius-xs:.25rem;--brutal-radius-sm:.5rem;--brutal-radius-md:.75rem;--brutal-radius-lg:1rem;--brutal-radius-xl:1.5rem;--brutal-radius-pill:999px;--brutal-space-1:.25rem;--brutal-space-2:.5rem;--brutal-space-3:.75rem;--brutal-space-4:1rem;--brutal-space-5:1.25rem;--brutal-space-6:1.5rem;--brutal-space-8:2rem;--brutal-transition-fast:.14s ease;--brutal-transition-base:.22s ease;--brutal-transition-slow:.36s ease;--brutal-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--brutal-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--brutal-font-sans);--brutal-font-body:var(--brutal-font-sans);--brutal-font-heading:var(--brutal-font-display);--brutal-font-control:var(--brutal-font-display);--brutal-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=brutalism][data-mode=light]{color-scheme:light;--brutal-panel-alpha:.92;--brutal-panel-strong-alpha:.98;--brutal-panel-soft-alpha:.74;--brutal-border-alpha:.7;--brutal-glow-alpha:.24;--brutal-shadow-alpha:.18;--brutal-grid-alpha:.075}[data-ui=brutalism][data-mode=dark]{color-scheme:dark;--brutal-panel-alpha:.82;--brutal-panel-strong-alpha:.94;--brutal-panel-soft-alpha:.58;--brutal-border-alpha:.64;--brutal-glow-alpha:.42;--brutal-shadow-alpha:.42;--brutal-grid-alpha:.12}[data-ui=brutalism][data-mode=contrast]{color-scheme:dark;--brutal-panel-alpha:1;--brutal-panel-strong-alpha:1;--brutal-panel-soft-alpha:.92;--brutal-border-alpha:1;--brutal-glow-alpha:.68;--brutal-shadow-alpha:.56;--brutal-grid-alpha:.18}[data-ui=brutalism][data-theme][data-mode]{--brutal-bg-rgb:var(--usk-bg-rgb);--brutal-surface-rgb:var(--usk-surface-rgb);--brutal-surface-strong-rgb:var(--usk-surface-strong-rgb);--brutal-surface-soft-rgb:var(--usk-surface-soft-rgb);--brutal-text-rgb:var(--usk-text-rgb);--brutal-text-muted-rgb:var(--usk-text-muted-rgb);--brutal-border-rgb:var(--usk-border-rgb);--brutal-primary-rgb:var(--usk-primary-rgb);--brutal-primary-hover-rgb:var(--usk-primary-hover-rgb);--brutal-primary-text-rgb:var(--usk-primary-text-rgb);--brutal-secondary-rgb:var(--usk-secondary-rgb);--brutal-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--brutal-secondary-text-rgb:var(--usk-secondary-text-rgb);--brutal-accent-rgb:var(--usk-accent-rgb);--brutal-success-rgb:var(--usk-success-rgb);--brutal-warning-rgb:var(--usk-warning-rgb);--brutal-danger-rgb:var(--usk-danger-rgb);--brutal-link-rgb:var(--usk-link-rgb);--brutal-accent-text-rgb:var(--usk-accent-text-rgb);--brutal-success-text-rgb:var(--usk-success-text-rgb);--brutal-warning-text-rgb:var(--usk-warning-text-rgb);--brutal-danger-text-rgb:var(--usk-danger-text-rgb);--brutal-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--brutal-surface);--usk-native-surface-strong:var(--brutal-surface-strong);--usk-native-surface-soft:var(--brutal-surface-soft);--usk-native-card-bg:var(--brutal-card-bg);--usk-native-control-bg:var(--brutal-control-bg);--usk-native-text:var(--brutal-text);--usk-native-text-muted:var(--brutal-text-muted);--usk-native-border:var(--brutal-border);--usk-native-primary:var(--brutal-primary);--usk-native-primary-hover:var(--brutal-primary-hover);--usk-native-on-primary:var(--brutal-on-primary);--usk-native-focus:var(--brutal-focus);--usk-native-success:var(--brutal-success);--usk-native-warning:var(--brutal-warning);--usk-native-danger:var(--brutal-danger);--usk-native-link:var(--brutal-link);--usk-native-font-body:var(--brutal-font-body);--usk-native-font-heading:var(--brutal-font-heading);--usk-native-font-control:var(--brutal-font-control);--usk-native-font-mono:var(--brutal-font-mono);--usk-native-radius-sm:var(--brutal-radius-xs);--usk-native-radius:var(--brutal-radius-sm);--usk-native-radius-lg:var(--brutal-radius-lg);--usk-native-shadow:6px 6px 0 var(--brutal-primary);--usk-native-shadow-md:var(--brutal-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--brutal-focus-ring,0 0 0 3px rgb(var(--brutal-focus-rgb) / .28));--usk-native-border-width:3px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--brutal-space-5);--brutal-bg:rgb(var(--brutal-bg-rgb));--brutal-surface:rgb(var(--brutal-surface-rgb) / var(--brutal-panel-alpha));--brutal-surface-strong:rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-strong-alpha));--brutal-surface-soft:rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha));--brutal-text:rgb(var(--brutal-text-rgb));--brutal-text-muted:rgb(var(--brutal-text-muted-rgb));--brutal-fg:var(--brutal-text);--brutal-surface-fg:var(--brutal-text);--brutal-muted:var(--brutal-text-muted);--brutal-border:rgb(var(--brutal-border-rgb) / var(--brutal-border-alpha));--brutal-control-fg:var(--brutal-text);--brutal-primary:rgb(var(--brutal-primary-rgb));--brutal-primary-hover:rgb(var(--brutal-primary-hover-rgb));--brutal-primary-text:rgb(var(--brutal-primary-text-rgb));--brutal-secondary:rgb(var(--brutal-secondary-rgb));--brutal-secondary-hover:rgb(var(--brutal-secondary-hover-rgb));--brutal-secondary-text:rgb(var(--brutal-secondary-text-rgb));--brutal-on-primary:var(--brutal-primary-text);--brutal-on-secondary:var(--brutal-secondary-text);--brutal-on-accent:rgb(var(--brutal-accent-text-rgb));--brutal-on-success:rgb(var(--brutal-success-text-rgb));--brutal-on-warning:rgb(var(--brutal-warning-text-rgb));--brutal-on-danger:rgb(var(--brutal-danger-text-rgb));--brutal-accent:rgb(var(--brutal-accent-rgb));--brutal-success:rgb(var(--brutal-success-rgb));--brutal-warning:rgb(var(--brutal-warning-rgb));--brutal-danger:rgb(var(--brutal-danger-rgb));--brutal-link:rgb(var(--brutal-link-rgb));--brutal-focus:rgb(var(--brutal-focus-rgb));--brutal-glow-primary:rgb(var(--brutal-primary-rgb) / var(--brutal-glow-alpha));--brutal-glow-secondary:rgb(var(--brutal-secondary-rgb) / var(--brutal-glow-alpha));--brutal-glow-accent:rgb(var(--brutal-accent-rgb) / var(--brutal-glow-alpha));--brutal-shadow-sm:0 2px 8px rgb(0 0 0/var(--brutal-shadow-alpha));--brutal-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .05));--brutal-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--brutal-shadow-alpha) + .12));--brutal-theme-bg-size:auto, auto, 32px 32px, 32px 32px, auto;--brutal-theme-bg:radial-gradient(circle at 0% 0%, rgb(var(--brutal-primary-rgb) / .14), transparent 28rem), radial-gradient(circle at 100% 0%, rgb(var(--brutal-accent-rgb) / .1), transparent 26rem), linear-gradient(90deg, rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--brutal-border-rgb) / var(--brutal-grid-alpha)) 1px, transparent 1px), var(--brutal-bg);--brutal-card-bg:linear-gradient(135deg, rgb(var(--brutal-primary-rgb) / .1), rgb(var(--brutal-accent-rgb) / .055) 42%, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)) 100%), var(--brutal-surface);--brutal-control-bg:linear-gradient(180deg, rgb(var(--brutal-surface-strong-rgb) / var(--brutal-panel-alpha)), rgb(var(--brutal-surface-soft-rgb) / var(--brutal-panel-soft-alpha)));--brutal-spinner-track:rgb(var(--brutal-border-rgb) / max(.28, calc(var(--brutal-border-alpha) * .7)));--brutal-spinner-stroke:var(--brutal-primary);--brutal-spinner-accent:var(--brutal-accent)}[data-ui=brutalism]{background:linear-gradient(90deg,rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--brutal-border-rgb)/var(--brutal-grid-alpha)) 1px,transparent 1px),var(--brutal-bg);color:var(--brutal-text);font-family:var(--brutal-font-body);background-size:32px 32px}[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{box-sizing:border-box}[data-ui=brutalism][data-theme][data-mode]{background:var(--brutal-theme-bg);background-size:var(--brutal-theme-bg-size)}[data-ui=brutalism] a{color:var(--brutal-link);text-underline-offset:.16em;font-weight:800;text-decoration-thickness:.14em}[data-ui=brutalism] ::selection{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-spinner,.brutal-loading-spinner,[data-ui=brutalism] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.28rem solid var(--brutal-border);border-block-start-color:var(--brutal-spinner-stroke);border-inline-end-color:var(--brutal-spinner-accent);block-size:2rem;inline-size:2rem;box-shadow:.25rem .25rem 0 var(--brutal-secondary);vertical-align:-.2em;border-radius:0;animation:.65s steps(4,end) infinite brutal-spin;display:inline-block}.brutal-spinner-sm{border-width:.16rem;block-size:1rem;inline-size:1rem}.brutal-spinner-lg{border-width:.36rem;block-size:3rem;inline-size:3rem}.brutal-button[aria-busy=true],.brutal-icon-button[aria-busy=true],[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=brutalism]) .ui-button[aria-busy=true],:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.brutal-button[aria-busy=true]:after,.brutal-icon-button[aria-busy=true]:after,[data-ui=brutalism] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=brutalism]) .ui-button[aria-busy=true]:after,:where([data-ui=brutalism]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--brutal-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite brutal-spin;display:inline-block}@keyframes brutal-spin{to{transform:rotate(360deg)}}.brutal-title,.brutal-heading,.brutal-kicker,.brutal-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-badge,:where([data-ui=brutalism]) .ui-nav-link{font-family:var(--brutal-font-heading);text-transform:uppercase}.brutal-title{letter-spacing:-.04em;color:var(--brutal-text);text-shadow:4px 4px 0 var(--brutal-accent);margin:0;font-size:clamp(2rem,6vw,4.25rem);line-height:.95}.brutal-heading{letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,3vw,2rem);line-height:1.05}.brutal-kicker{color:var(--brutal-primary);letter-spacing:.12em;margin:0;font-size:.85rem;font-weight:900}.brutal-subtitle,.brutal-copy{color:var(--brutal-text-muted);margin:0;line-height:1.6}.brutal-text-muted{color:var(--brutal-text-muted)}.brutal-card,.brutal-panel,.brutal-surface,.brutal-toolbar,.brutal-table-wrap,:where([data-ui=brutalism]) .ui-card,:where([data-ui=brutalism]) .ui-toolbar,:where([data-ui=brutalism]) .ui-table-wrap{background:var(--brutal-surface-strong);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:10px 10px 0 var(--brutal-primary);transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast)}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{padding:var(--brutal-space-6)}.brutal-toolbar,:where([data-ui=brutalism]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--brutal-space-4);padding:var(--brutal-space-4);flex-wrap:wrap;display:flex}.brutal-inset,.brutal-well{background:var(--brutal-surface-soft);color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-sm);box-shadow:inset 6px 6px #00000029}.brutal-well{padding:var(--brutal-space-5)}.brutal-hover-lift:hover{box-shadow:14px 14px 0 var(--brutal-primary-hover);transform:translate(-3px,-3px)}.brutal-pressed{box-shadow:4px 4px 0 var(--brutal-primary);transform:translate(4px,4px)}.brutal-button,.brutal-icon-button,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--brutal-space-2);background:var(--brutal-surface-strong);min-height:2.85rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);box-shadow:6px 6px 0 var(--brutal-secondary);font:inherit;font-family:var(--brutal-font-display);letter-spacing:.04em;cursor:pointer;transition:transform var(--brutal-transition-fast),box-shadow var(--brutal-transition-fast),background var(--brutal-transition-fast),color var(--brutal-transition-fast);padding:.75rem 1.1rem;font-weight:900;line-height:1;text-decoration:none;display:inline-flex}.brutal-button:hover,.brutal-icon-button:hover,:where([data-ui=brutalism]) .ui-button:hover,:where([data-ui=brutalism]) .ui-icon-button:hover{box-shadow:8px 8px 0 var(--brutal-primary);transform:translate(-2px,-2px)}.brutal-button:active,.brutal-icon-button:active,.brutal-button.is-active,.brutal-button[aria-pressed=true],:where([data-ui=brutalism]) .ui-button:active,:where([data-ui=brutalism]) .ui-icon-button:active,:where([data-ui=brutalism]) .ui-button.is-active,:where([data-ui=brutalism]) .ui-button[aria-pressed=true]{box-shadow:2px 2px 0 var(--brutal-secondary);transform:translate(4px,4px)}.brutal-button-primary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-button-primary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--brutal-primary-hover)}.brutal-button-secondary,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary);box-shadow:6px 6px 0 var(--brutal-primary)}.brutal-button-secondary:hover,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--brutal-secondary-hover)}.brutal-button-danger,:where([data-ui=brutalism]) .ui-button:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-icon-button,:where([data-ui=brutalism]) .ui-icon-button{width:2.85rem;padding:0}.brutal-button:disabled,.brutal-icon-button:disabled,.brutal-disabled,:where([data-ui=brutalism]) .ui-button:disabled,:where([data-ui=brutalism]) .ui-icon-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.brutal-card,.brutal-panel,:where([data-ui=brutalism]) .ui-card{background:var(--brutal-card-bg)}.brutal-toolbar,.brutal-table-wrap,.brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost),.brutal-icon-button,:where([data-ui=brutalism]) .ui-toolbar,:where([data-ui=brutalism]) .ui-table-wrap,:where([data-ui=brutalism]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=brutalism]) .ui-icon-button{background:var(--brutal-control-bg)}.brutal-button,.brutal-icon-button,.brutal-badge,.brutal-nav-link,:where([data-ui=brutalism]) .ui-button,:where([data-ui=brutalism]) .ui-icon-button,:where([data-ui=brutalism]) .ui-badge,:where([data-ui=brutalism]) .ui-nav-link{font-family:var(--brutal-font-control)}.brutal-field,:where([data-ui=brutalism]) .ui-field{gap:var(--brutal-space-2);flex-direction:column;display:flex}.brutal-label,:where([data-ui=brutalism]) .ui-label{text-transform:uppercase;letter-spacing:.05em;font-weight:900}.brutal-input,.brutal-textarea,.brutal-select,:where([data-ui=brutalism]) .ui-input,:where([data-ui=brutalism]) .ui-textarea,:where([data-ui=brutalism]) .ui-select{background:var(--brutal-surface-strong);width:100%;min-height:2.9rem;color:var(--brutal-text);border:3px solid var(--brutal-border);border-radius:var(--brutal-radius-xs);font:inherit;outline:none;padding:.75rem 1rem;box-shadow:inset 4px 4px #0000001f}.brutal-textarea,:where([data-ui=brutalism]) .ui-textarea{resize:vertical;min-height:8rem}.brutal-input:focus,.brutal-textarea:focus,.brutal-select:focus,:where([data-ui=brutalism]) .ui-input:focus,:where([data-ui=brutalism]) .ui-textarea:focus,:where([data-ui=brutalism]) .ui-select:focus{border-color:var(--brutal-focus);box-shadow:0 0 0 4px rgb(var(--brutal-focus-rgb)/.28),inset 4px 4px 0 #0000001f}.brutal-help-text,:where([data-ui=brutalism]) .ui-help-text{color:var(--brutal-text-muted);font-size:.9rem}.brutal-badge,:where([data-ui=brutalism]) .ui-badge{background:var(--brutal-surface-strong);min-height:1.8rem;color:var(--brutal-text);border:3px solid var(--brutal-border);box-shadow:4px 4px 0 var(--brutal-accent);align-items:center;padding:.35rem .75rem;font-size:.8rem;font-weight:900;display:inline-flex}.brutal-badge-primary,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=primary]){background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-badge-secondary,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=secondary]){background:var(--brutal-secondary);color:var(--brutal-on-secondary)}.brutal-badge-success,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=success]){background:var(--brutal-success);color:var(--brutal-on-success)}.brutal-badge-warning,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=warning]){background:var(--brutal-warning);color:var(--brutal-on-warning)}.brutal-badge-danger,:where([data-ui=brutalism]) .ui-badge:where([data-ui-variant=danger]){background:var(--brutal-danger);color:var(--brutal-on-danger)}.brutal-nav,:where([data-ui=brutalism]) .ui-nav{gap:var(--brutal-space-2);padding:var(--brutal-space-2);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-primary);flex-wrap:wrap;display:flex}.brutal-nav-link,:where([data-ui=brutalism]) .ui-nav-link{min-height:2.5rem;color:var(--brutal-text);border:3px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.brutal-nav-link:hover,:where([data-ui=brutalism]) .ui-nav-link:hover{border-color:var(--brutal-border);background:var(--brutal-surface-soft)}.brutal-nav-link.is-active,.brutal-nav-link[aria-current=page],:where([data-ui=brutalism]) .ui-nav-link.is-active,:where([data-ui=brutalism]) .ui-nav-link[aria-current=page]{background:var(--brutal-primary);color:var(--brutal-on-primary);border-color:var(--brutal-border)}.brutal-tooltip,[data-ui=brutalism] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:var(--brutal-warning);max-inline-size:16rem;color:var(--brutal-on-warning);border:3px solid var(--brutal-border);box-shadow:.28rem .28rem 0 var(--brutal-primary);text-transform:uppercase;letter-spacing:.04em;border-radius:0;align-items:center;gap:.45rem;padding:.58rem .78rem;font-size:.82rem;font-weight:950;line-height:1.2;display:inline-flex}.brutal-tooltip-arrow{background:var(--brutal-danger);border:3px solid var(--brutal-border);flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.brutal-progress,:where([data-ui=brutalism]) .ui-progress{background:var(--brutal-surface-soft);border:3px solid var(--brutal-border);width:100%;height:1rem}.brutal-progress-bar,:where([data-ui=brutalism]) .ui-progress-bar{height:100%;width:var(--brutal-progress-value,50%);background:var(--brutal-primary)}.brutal-alert,:where([data-ui=brutalism]) .ui-alert{padding:var(--brutal-space-4);background:var(--brutal-surface-strong);border:3px solid var(--brutal-border);box-shadow:8px 8px 0 var(--brutal-accent)}.brutal-alert-success,:where([data-ui=brutalism]) .ui-alert:where([data-ui-variant=success]){box-shadow:8px 8px 0 var(--brutal-success)}.brutal-alert-warning,:where([data-ui=brutalism]) .ui-alert:where([data-ui-variant=warning]){box-shadow:8px 8px 0 var(--brutal-warning)}.brutal-alert-danger,:where([data-ui=brutalism]) .ui-alert:where([data-ui-variant=danger]){box-shadow:8px 8px 0 var(--brutal-danger)}.brutal-alert-title,:where([data-ui=brutalism]) .ui-alert-title{text-transform:uppercase;margin:0;font-weight:900}.brutal-alert-body,:where([data-ui=brutalism]) .ui-alert-body{color:var(--brutal-text-muted);margin:.5rem 0 0}.brutal-table-wrap,:where([data-ui=brutalism]) .ui-table-wrap{box-shadow:8px 8px 0 var(--brutal-primary);overflow:auto}.brutal-table,:where([data-ui=brutalism]) .ui-table{border-collapse:collapse;width:100%}.brutal-table th,.brutal-table td,:where([data-ui=brutalism]) .ui-table th,:where([data-ui=brutalism]) .ui-table td{border:2px solid var(--brutal-border);text-align:left;padding:.9rem 1rem}.brutal-table th,:where([data-ui=brutalism]) .ui-table th{background:var(--brutal-primary);color:var(--brutal-on-primary);text-transform:uppercase}.brutal-text-primary{color:var(--brutal-primary)}.brutal-text-secondary{color:var(--brutal-secondary)}.brutal-text-accent{color:var(--brutal-accent)}.brutal-text-success{color:var(--brutal-success)}.brutal-text-warning{color:var(--brutal-warning)}.brutal-text-danger{color:var(--brutal-danger)}.brutal-bg-primary{background:var(--brutal-primary);color:var(--brutal-on-primary)}.brutal-bg-secondary{background:var(--brutal-secondary);color:var(--brutal-on-secondary)}[data-ui=brutalism] :focus-visible{outline:4px solid var(--brutal-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=brutalism] *,[data-ui=brutalism] :before,[data-ui=brutalism] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=brutalism]{--brutal-border-alpha:1}}@media (forced-colors:active){[data-ui=brutalism] *{forced-color-adjust:auto}[data-ui=brutalism] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=brutalism]{color:#000!important;background:#fff!important}[data-ui=brutalism] *{box-shadow:none!important;text-shadow:none!important}[data-ui=brutalism] a{text-decoration:underline;color:#000!important}}:root{--cyber-radius-xs:.25rem;--cyber-radius-sm:.5rem;--cyber-radius-md:.75rem;--cyber-radius-lg:1rem;--cyber-radius-xl:1.5rem;--cyber-radius-pill:999px;--cyber-space-1:.25rem;--cyber-space-2:.5rem;--cyber-space-3:.75rem;--cyber-space-4:1rem;--cyber-space-5:1.25rem;--cyber-space-6:1.5rem;--cyber-space-8:2rem;--cyber-transition-fast:.14s ease;--cyber-transition-base:.22s ease;--cyber-transition-slow:.36s ease;--cyber-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--cyber-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--cyber-font-sans);--cyber-font-body:var(--cyber-font-sans);--cyber-font-heading:var(--cyber-font-display);--cyber-font-control:var(--cyber-font-display);--cyber-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=cyberpunk][data-mode=light]{color-scheme:light;--cyber-panel-alpha:.92;--cyber-panel-strong-alpha:.98;--cyber-panel-soft-alpha:.74;--cyber-border-alpha:.7;--cyber-glow-alpha:.24;--cyber-shadow-alpha:.18;--cyber-grid-alpha:.075}[data-ui=cyberpunk][data-mode=dark]{color-scheme:dark;--cyber-panel-alpha:.82;--cyber-panel-strong-alpha:.94;--cyber-panel-soft-alpha:.58;--cyber-border-alpha:.64;--cyber-glow-alpha:.42;--cyber-shadow-alpha:.42;--cyber-grid-alpha:.12}[data-ui=cyberpunk][data-mode=contrast]{color-scheme:dark;--cyber-panel-alpha:1;--cyber-panel-strong-alpha:1;--cyber-panel-soft-alpha:.92;--cyber-border-alpha:1;--cyber-glow-alpha:.68;--cyber-shadow-alpha:.56;--cyber-grid-alpha:.18}[data-ui=cyberpunk][data-theme][data-mode]{--cyber-bg-rgb:var(--usk-bg-rgb);--cyber-surface-rgb:var(--usk-surface-rgb);--cyber-surface-strong-rgb:var(--usk-surface-strong-rgb);--cyber-surface-soft-rgb:var(--usk-surface-soft-rgb);--cyber-text-rgb:var(--usk-text-rgb);--cyber-text-muted-rgb:var(--usk-text-muted-rgb);--cyber-border-rgb:var(--usk-border-rgb);--cyber-primary-rgb:var(--usk-primary-rgb);--cyber-primary-hover-rgb:var(--usk-primary-hover-rgb);--cyber-primary-text-rgb:var(--usk-primary-text-rgb);--cyber-secondary-rgb:var(--usk-secondary-rgb);--cyber-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--cyber-secondary-text-rgb:var(--usk-secondary-text-rgb);--cyber-accent-rgb:var(--usk-accent-rgb);--cyber-success-rgb:var(--usk-success-rgb);--cyber-warning-rgb:var(--usk-warning-rgb);--cyber-danger-rgb:var(--usk-danger-rgb);--cyber-link-rgb:var(--usk-link-rgb);--cyber-accent-text-rgb:var(--usk-accent-text-rgb);--cyber-success-text-rgb:var(--usk-success-text-rgb);--cyber-warning-text-rgb:var(--usk-warning-text-rgb);--cyber-danger-text-rgb:var(--usk-danger-text-rgb);--cyber-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--cyber-surface);--usk-native-surface-strong:var(--cyber-surface-strong);--usk-native-surface-soft:var(--cyber-surface-soft);--usk-native-card-bg:var(--cyber-card-bg);--usk-native-control-bg:var(--cyber-control-bg);--usk-native-text:var(--cyber-text);--usk-native-text-muted:var(--cyber-text-muted);--usk-native-border:var(--cyber-border);--usk-native-primary:var(--cyber-primary);--usk-native-primary-hover:var(--cyber-primary-hover);--usk-native-on-primary:var(--cyber-on-primary);--usk-native-focus:var(--cyber-focus);--usk-native-success:var(--cyber-success);--usk-native-warning:var(--cyber-warning);--usk-native-danger:var(--cyber-danger);--usk-native-link:var(--cyber-link);--usk-native-font-body:var(--cyber-font-body);--usk-native-font-heading:var(--cyber-font-heading);--usk-native-font-control:var(--cyber-font-control);--usk-native-font-mono:var(--cyber-font-mono);--usk-native-radius-sm:var(--cyber-radius-sm);--usk-native-radius:var(--cyber-radius-md);--usk-native-radius-lg:var(--cyber-radius-lg);--usk-native-shadow:0 0 18px rgb(var(--cyber-primary-rgb) / .16);--usk-native-shadow-md:var(--cyber-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:0 0 0 2px rgb(var(--cyber-focus-rgb) / .24), 0 0 24px rgb(var(--cyber-focus-rgb) / .24);--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--cyber-space-5);--cyber-bg:rgb(var(--cyber-bg-rgb));--cyber-surface:rgb(var(--cyber-surface-rgb) / var(--cyber-panel-alpha));--cyber-surface-strong:rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-strong-alpha));--cyber-surface-soft:rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha));--cyber-text:rgb(var(--cyber-text-rgb));--cyber-text-muted:rgb(var(--cyber-text-muted-rgb));--cyber-fg:var(--cyber-text);--cyber-surface-fg:var(--cyber-text);--cyber-muted:var(--cyber-text-muted);--cyber-border:rgb(var(--cyber-border-rgb) / var(--cyber-border-alpha));--cyber-control-fg:var(--cyber-text);--cyber-primary:rgb(var(--cyber-primary-rgb));--cyber-primary-hover:rgb(var(--cyber-primary-hover-rgb));--cyber-primary-text:rgb(var(--cyber-primary-text-rgb));--cyber-secondary:rgb(var(--cyber-secondary-rgb));--cyber-secondary-hover:rgb(var(--cyber-secondary-hover-rgb));--cyber-secondary-text:rgb(var(--cyber-secondary-text-rgb));--cyber-on-primary:var(--cyber-primary-text);--cyber-on-secondary:var(--cyber-secondary-text);--cyber-on-accent:rgb(var(--cyber-accent-text-rgb));--cyber-on-success:rgb(var(--cyber-success-text-rgb));--cyber-on-warning:rgb(var(--cyber-warning-text-rgb));--cyber-on-danger:rgb(var(--cyber-danger-text-rgb));--cyber-accent:rgb(var(--cyber-accent-rgb));--cyber-success:rgb(var(--cyber-success-rgb));--cyber-warning:rgb(var(--cyber-warning-rgb));--cyber-danger:rgb(var(--cyber-danger-rgb));--cyber-link:rgb(var(--cyber-link-rgb));--cyber-focus:rgb(var(--cyber-focus-rgb));--cyber-glow-primary:rgb(var(--cyber-primary-rgb) / var(--cyber-glow-alpha));--cyber-glow-secondary:rgb(var(--cyber-secondary-rgb) / var(--cyber-glow-alpha));--cyber-glow-accent:rgb(var(--cyber-accent-rgb) / var(--cyber-glow-alpha));--cyber-shadow-sm:0 2px 8px rgb(0 0 0/var(--cyber-shadow-alpha));--cyber-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .05));--cyber-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--cyber-shadow-alpha) + .12));--cyber-theme-bg-size:auto, auto, auto, 48px 48px, 48px 48px, auto;--cyber-theme-bg:radial-gradient(circle at 10% 10%, rgb(var(--cyber-primary-rgb) / .18), transparent 24rem), radial-gradient(circle at 90% 0%, rgb(var(--cyber-secondary-rgb) / .16), transparent 28rem), radial-gradient(circle at 50% 100%, rgb(var(--cyber-accent-rgb) / .1), transparent 34rem), linear-gradient(90deg, rgb(var(--cyber-primary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--cyber-secondary-rgb) / var(--cyber-grid-alpha)) 1px, transparent 1px), var(--cyber-bg);--cyber-card-bg:linear-gradient(135deg, rgb(var(--cyber-primary-rgb) / .1), rgb(var(--cyber-accent-rgb) / .055) 42%, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)) 100%), var(--cyber-surface);--cyber-control-bg:linear-gradient(180deg, rgb(var(--cyber-surface-strong-rgb) / var(--cyber-panel-alpha)), rgb(var(--cyber-surface-soft-rgb) / var(--cyber-panel-soft-alpha)));--cyber-spinner-track:rgb(var(--cyber-border-rgb) / max(.28, calc(var(--cyber-border-alpha) * .7)));--cyber-spinner-stroke:var(--cyber-primary);--cyber-spinner-accent:var(--cyber-accent)}[data-ui=cyberpunk]{background:radial-gradient(circle at 10% 10%,rgb(var(--cyber-primary-rgb)/.16),transparent 24rem),radial-gradient(circle at 90% 0%,rgb(var(--cyber-secondary-rgb)/.16),transparent 28rem),linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--cyber-secondary-rgb)/var(--cyber-grid-alpha)) 1px,transparent 1px),var(--cyber-bg);color:var(--cyber-text);font-family:var(--cyber-font-body);background-size:auto,auto,48px 48px,48px 48px,auto}[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{box-sizing:border-box}[data-ui=cyberpunk][data-theme][data-mode]{background:var(--cyber-theme-bg);background-size:var(--cyber-theme-bg-size)}[data-ui=cyberpunk] a{color:var(--cyber-link);text-decoration-color:rgb(var(--cyber-primary-rgb)/.6);text-underline-offset:.18em}[data-ui=cyberpunk] ::selection{background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-title,.cyber-heading,.cyber-kicker,.cyber-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-badge,:where([data-ui=cyberpunk]) .ui-nav-link{font-family:var(--cyber-font-heading);text-transform:uppercase}.cyber-title{letter-spacing:.08em;color:var(--cyber-text);text-shadow:0 0 10px var(--cyber-glow-primary),0 0 26px var(--cyber-glow-accent);margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.cyber-heading{letter-spacing:.08em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.cyber-kicker{color:var(--cyber-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.cyber-subtitle,.cyber-copy{color:var(--cyber-text-muted);margin:0;line-height:1.65}.cyber-text-muted{color:var(--cyber-text-muted)}.cyber-card,.cyber-panel,.cyber-console,.cyber-toolbar,.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-card,:where([data-ui=cyberpunk]) .ui-toolbar,:where([data-ui=cyberpunk]) .ui-table-wrap{background:linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface);color:var(--cyber-text);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 24px var(--cyber-glow-primary);clip-path:polygon(0 0,calc(100% - 1rem) 0,100% 1rem,100% 100%,1rem 100%,0 calc(100% - 1rem));transition:transform var(--cyber-transition-base),box-shadow var(--cyber-transition-base),border-color var(--cyber-transition-base);position:relative;overflow:hidden}.cyber-card:before,.cyber-panel:before,.cyber-console:before,.cyber-toolbar:before,:where([data-ui=cyberpunk]) .ui-card:before,:where([data-ui=cyberpunk]) .ui-toolbar:before{content:"";pointer-events:none;border-top:2px solid rgb(var(--cyber-primary-rgb)/.5);background:linear-gradient(120deg,transparent 0 68%,rgb(var(--cyber-accent-rgb)/.09));position:absolute;inset:0}.cyber-card,.cyber-panel,.cyber-console,:where([data-ui=cyberpunk]) .ui-card{padding:var(--cyber-space-6)}.cyber-console{background:linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong)}.cyber-toolbar,:where([data-ui=cyberpunk]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--cyber-space-4);padding:var(--cyber-space-4);flex-wrap:wrap;display:flex}.cyber-hover-lift:hover{border-color:var(--cyber-primary);box-shadow:var(--cyber-shadow-lg),0 0 34px var(--cyber-glow-primary),0 0 48px var(--cyber-glow-secondary);transform:translateY(-3px)}.cyber-inset,.cyber-well{background:linear-gradient(180deg,#0000001a,#ffffff05),var(--cyber-surface-soft);border:1px solid rgb(var(--cyber-border-rgb)/.46);border-radius:var(--cyber-radius-md);box-shadow:inset 0 0 24px #0000002e}.cyber-well{padding:var(--cyber-space-5)}.cyber-button,.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--cyber-space-2);background:linear-gradient(135deg,rgb(var(--cyber-primary-rgb)/.22),rgb(var(--cyber-accent-rgb)/.1)),var(--cyber-surface);min-height:2.85rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);box-shadow:var(--cyber-shadow-sm),0 0 18px var(--cyber-glow-primary);font:inherit;font-family:var(--cyber-font-display);letter-spacing:.09em;cursor:pointer;clip-path:polygon(0 0,calc(100% - .75rem) 0,100% .75rem,100% 100%,.75rem 100%,0 calc(100% - .75rem));transition:transform var(--cyber-transition-fast),box-shadow var(--cyber-transition-fast),background var(--cyber-transition-fast);padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-button:hover,.cyber-icon-button:hover,:where([data-ui=cyberpunk]) .ui-button:hover,:where([data-ui=cyberpunk]) .ui-icon-button:hover{box-shadow:var(--cyber-shadow-md),0 0 26px var(--cyber-glow-primary);transform:translateY(-1px)}.cyber-button:active,.cyber-icon-button:active,.cyber-button.is-active,.cyber-button[aria-pressed=true],:where([data-ui=cyberpunk]) .ui-button:active,:where([data-ui=cyberpunk]) .ui-icon-button:active,:where([data-ui=cyberpunk]) .ui-button.is-active,:where([data-ui=cyberpunk]) .ui-button[aria-pressed=true]{box-shadow:inset 0 0 18px #00000038,0 0 18px var(--cyber-glow-primary);transform:translateY(1px)}.cyber-button-primary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-button-primary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--cyber-primary-hover)}.cyber-button-secondary,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff24,transparent),var(--cyber-secondary);color:var(--cyber-on-secondary);border-color:rgb(var(--cyber-secondary-rgb)/.7)}.cyber-button-secondary:hover,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--cyber-secondary-hover)}.cyber-button-danger,:where([data-ui=cyberpunk]) .ui-button:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-icon-button{width:2.85rem;padding:0}.cyber-field,:where([data-ui=cyberpunk]) .ui-field{gap:var(--cyber-space-2);flex-direction:column;display:flex}.cyber-label,:where([data-ui=cyberpunk]) .ui-label{font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;font-weight:800}.cyber-input,.cyber-textarea,.cyber-select,:where([data-ui=cyberpunk]) .ui-input,:where([data-ui=cyberpunk]) .ui-textarea,:where([data-ui=cyberpunk]) .ui-select{background:var(--cyber-surface-soft);width:100%;min-height:2.9rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-border-rgb)/.58);border-radius:var(--cyber-radius-xs);font:inherit;outline:none;padding:.8rem 1rem;box-shadow:inset 0 0 18px #0003}.cyber-textarea,:where([data-ui=cyberpunk]) .ui-textarea{resize:vertical;min-height:8rem}.cyber-input:focus,.cyber-textarea:focus,.cyber-select:focus,:where([data-ui=cyberpunk]) .ui-input:focus,:where([data-ui=cyberpunk]) .ui-textarea:focus,:where([data-ui=cyberpunk]) .ui-select:focus{border-color:var(--cyber-focus);box-shadow:0 0 0 2px rgb(var(--cyber-focus-rgb)/.24),0 0 24px rgb(var(--cyber-focus-rgb)/.24),inset 0 0 18px #0003}.cyber-help-text,:where([data-ui=cyberpunk]) .ui-help-text{color:var(--cyber-text-muted);font-size:.9rem}.cyber-badge,:where([data-ui=cyberpunk]) .ui-badge{background:var(--cyber-surface);min-height:1.8rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);box-shadow:0 0 16px var(--cyber-glow-primary);letter-spacing:.1em;clip-path:polygon(.5rem 0,100% 0,calc(100% - .5rem) 100%,0 100%);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.cyber-badge-primary,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=primary]){background:var(--cyber-primary);color:var(--cyber-on-primary)}.cyber-badge-secondary,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=secondary]){background:var(--cyber-secondary);color:var(--cyber-on-secondary)}.cyber-badge-success,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=success]){background:var(--cyber-success);color:var(--cyber-on-success)}.cyber-badge-warning,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=warning]){background:var(--cyber-warning);color:var(--cyber-on-warning)}.cyber-badge-danger,:where([data-ui=cyberpunk]) .ui-badge:where([data-ui-variant=danger]){background:var(--cyber-danger);color:var(--cyber-on-danger)}.cyber-nav,:where([data-ui=cyberpunk]) .ui-nav{gap:var(--cyber-space-2);padding:var(--cyber-space-2);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-radius:var(--cyber-radius-md);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary);flex-wrap:wrap;display:flex}.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-nav-link{min-height:2.5rem;color:var(--cyber-text-muted);border-radius:var(--cyber-radius-xs);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.cyber-nav-link:hover,:where([data-ui=cyberpunk]) .ui-nav-link:hover{color:var(--cyber-text);border-color:rgb(var(--cyber-primary-rgb)/.48)}.cyber-nav-link.is-active,.cyber-nav-link[aria-current=page],:where([data-ui=cyberpunk]) .ui-nav-link.is-active,:where([data-ui=cyberpunk]) .ui-nav-link[aria-current=page]{background:var(--cyber-primary);color:var(--cyber-on-primary);border-color:var(--cyber-primary);box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-tooltip,[data-ui=cyberpunk] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(90deg,rgb(var(--cyber-primary-rgb)/.26),rgb(var(--cyber-accent-rgb)/.12)),var(--cyber-surface-strong);max-inline-size:16rem;color:var(--cyber-text);border:1px solid rgb(var(--cyber-primary-rgb)/.7);border-radius:var(--cyber-radius-xs);clip-path:polygon(0 .35rem,.35rem 0,100% 0,100% calc(100% - .35rem),calc(100% - .35rem) 100%,0 100%);box-shadow:0 0 1rem var(--cyber-glow-primary);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.45rem;padding:.58rem .82rem;font-size:.82rem;font-weight:900;line-height:1.25;display:inline-flex}.cyber-tooltip-arrow{background:var(--cyber-accent);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);block-size:.58rem;inline-size:.58rem;box-shadow:0 0 .8rem var(--cyber-glow-accent);flex:none}.cyber-progress,:where([data-ui=cyberpunk]) .ui-progress{background:var(--cyber-surface-soft);border:1px solid var(--cyber-border);width:100%;height:.9rem;box-shadow:inset 0 0 18px #0000002e}.cyber-progress-bar,:where([data-ui=cyberpunk]) .ui-progress-bar{height:100%;width:var(--cyber-progress-value,50%);background:linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent));box-shadow:0 0 18px var(--cyber-glow-primary)}.cyber-alert,:where([data-ui=cyberpunk]) .ui-alert{padding:var(--cyber-space-4);background:var(--cyber-surface);border:1px solid var(--cyber-border);border-left:4px solid var(--cyber-primary);box-shadow:var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary)}.cyber-alert-success,:where([data-ui=cyberpunk]) .ui-alert:where([data-ui-variant=success]){border-left-color:var(--cyber-success)}.cyber-alert-warning,:where([data-ui=cyberpunk]) .ui-alert:where([data-ui-variant=warning]){border-left-color:var(--cyber-warning)}.cyber-alert-danger,:where([data-ui=cyberpunk]) .ui-alert:where([data-ui-variant=danger]){border-left-color:var(--cyber-danger)}.cyber-alert-title,:where([data-ui=cyberpunk]) .ui-alert-title{font-family:var(--cyber-font-heading);text-transform:uppercase;margin:0}.cyber-alert-body,:where([data-ui=cyberpunk]) .ui-alert-body{color:var(--cyber-text-muted);margin:.5rem 0 0}.cyber-table-wrap,:where([data-ui=cyberpunk]) .ui-table-wrap{overflow:auto}.cyber-table,:where([data-ui=cyberpunk]) .ui-table{border-collapse:collapse;width:100%}.cyber-table th,.cyber-table td,:where([data-ui=cyberpunk]) .ui-table th,:where([data-ui=cyberpunk]) .ui-table td{border-bottom:1px solid rgb(var(--cyber-border-rgb)/.38);text-align:left;padding:.9rem 1rem}.cyber-table th,:where([data-ui=cyberpunk]) .ui-table th{background:rgb(var(--cyber-primary-rgb)/.12);font-family:var(--cyber-font-heading);text-transform:uppercase;letter-spacing:.1em}.cyber-table td,:where([data-ui=cyberpunk]) .ui-table td{color:var(--cyber-text-muted)}.cyber-table tr:hover td,:where([data-ui=cyberpunk]) .ui-table tr:hover td{background:rgb(var(--cyber-primary-rgb)/.06)}.cyber-text-primary{color:var(--cyber-primary)}.cyber-text-secondary{color:var(--cyber-secondary)}.cyber-text-accent{color:var(--cyber-accent)}.cyber-text-success{color:var(--cyber-success)}.cyber-text-warning{color:var(--cyber-warning)}.cyber-text-danger{color:var(--cyber-danger)}[data-ui=cyberpunk] :focus-visible{outline:3px solid var(--cyber-focus);outline-offset:3px}.cyber-button:focus-visible,.cyber-icon-button:focus-visible,.cyber-input:focus-visible,.cyber-nav-link:focus-visible,:where([data-ui=cyberpunk]) .ui-button:focus-visible,:where([data-ui=cyberpunk]) .ui-icon-button:focus-visible,:where([data-ui=cyberpunk]) .ui-input:focus-visible,:where([data-ui=cyberpunk]) .ui-nav-link:focus-visible{box-shadow:0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28)}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.cyber-card,.cyber-panel,:where([data-ui=cyberpunk]) .ui-card{background:var(--cyber-card-bg)}.cyber-toolbar,.cyber-table-wrap,.cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost),.cyber-icon-button,:where([data-ui=cyberpunk]) .ui-toolbar,:where([data-ui=cyberpunk]) .ui-table-wrap,:where([data-ui=cyberpunk]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=cyberpunk]) .ui-icon-button{background:var(--cyber-control-bg)}.cyber-button,.cyber-icon-button,.cyber-badge,.cyber-nav-link,:where([data-ui=cyberpunk]) .ui-button,:where([data-ui=cyberpunk]) .ui-icon-button,:where([data-ui=cyberpunk]) .ui-badge,:where([data-ui=cyberpunk]) .ui-nav-link{font-family:var(--cyber-font-control)}.cyber-spinner,.cyber-loading-spinner,[data-ui=cyberpunk] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.16rem solid rgb(var(--cyber-primary-rgb)/.72);border-block-start-color:var(--cyber-spinner-stroke);border-inline-end-color:var(--cyber-spinner-accent);border-radius:var(--cyber-radius-xs);clip-path:polygon(50% 0,100% 26%,100% 74%,50% 100%,0 74%,0 26%);background:conic-gradient(from 90deg,transparent 0 22%,var(--cyber-spinner-stroke)0 45%,transparent 0 58%,var(--cyber-spinner-accent)0 82%,transparent 0);block-size:2rem;inline-size:2rem;box-shadow:0 0 1rem var(--cyber-glow-primary),inset 0 0 .65rem rgb(var(--cyber-accent-rgb)/.38);vertical-align:-.2em;animation:.72s linear infinite cyber-spin;display:inline-block}.cyber-spinner-sm{border-width:.1rem;block-size:1rem;inline-size:1rem}.cyber-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.cyber-button[aria-busy=true],.cyber-icon-button[aria-busy=true],[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=cyberpunk]) .ui-button[aria-busy=true],:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.cyber-button[aria-busy=true]:after,.cyber-icon-button[aria-busy=true]:after,[data-ui=cyberpunk] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=cyberpunk]) .ui-button[aria-busy=true]:after,:where([data-ui=cyberpunk]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--cyber-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite cyber-spin;display:inline-block}@keyframes cyber-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=cyberpunk] *,[data-ui=cyberpunk] :before,[data-ui=cyberpunk] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=cyberpunk]{--cyber-border-alpha:1}}@media (forced-colors:active){[data-ui=cyberpunk] *{forced-color-adjust:auto}[data-ui=cyberpunk] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=cyberpunk]{color:#000!important;background:#fff!important}[data-ui=cyberpunk] *{box-shadow:none!important;text-shadow:none!important}[data-ui=cyberpunk] a{text-decoration:underline;color:#000!important}}:root{--y2k-radius-xs:.25rem;--y2k-radius-sm:.5rem;--y2k-radius-md:.75rem;--y2k-radius-lg:1rem;--y2k-radius-xl:1.5rem;--y2k-radius-pill:999px;--y2k-space-1:.25rem;--y2k-space-2:.5rem;--y2k-space-3:.75rem;--y2k-space-4:1rem;--y2k-space-5:1.25rem;--y2k-space-6:1.5rem;--y2k-space-8:2rem;--y2k-transition-fast:.14s ease;--y2k-transition-base:.22s ease;--y2k-transition-slow:.36s ease;--y2k-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--y2k-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--y2k-font-sans);--y2k-font-body:var(--y2k-font-sans);--y2k-font-heading:var(--y2k-font-display);--y2k-font-control:var(--y2k-font-display);--y2k-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=y2k][data-mode=light]{color-scheme:light;--y2k-panel-alpha:.92;--y2k-panel-strong-alpha:.98;--y2k-panel-soft-alpha:.74;--y2k-border-alpha:.7;--y2k-glow-alpha:.24;--y2k-shadow-alpha:.18;--y2k-grid-alpha:.075}[data-ui=y2k][data-mode=dark]{color-scheme:dark;--y2k-panel-alpha:.82;--y2k-panel-strong-alpha:.94;--y2k-panel-soft-alpha:.58;--y2k-border-alpha:.64;--y2k-glow-alpha:.42;--y2k-shadow-alpha:.42;--y2k-grid-alpha:.12}[data-ui=y2k][data-mode=contrast]{color-scheme:dark;--y2k-panel-alpha:1;--y2k-panel-strong-alpha:1;--y2k-panel-soft-alpha:.92;--y2k-border-alpha:1;--y2k-glow-alpha:.68;--y2k-shadow-alpha:.56;--y2k-grid-alpha:.18}[data-ui=y2k][data-theme][data-mode]{--y2k-bg-rgb:var(--usk-bg-rgb);--y2k-surface-rgb:var(--usk-surface-rgb);--y2k-surface-strong-rgb:var(--usk-surface-strong-rgb);--y2k-surface-soft-rgb:var(--usk-surface-soft-rgb);--y2k-text-rgb:var(--usk-text-rgb);--y2k-text-muted-rgb:var(--usk-text-muted-rgb);--y2k-border-rgb:var(--usk-border-rgb);--y2k-primary-rgb:var(--usk-primary-rgb);--y2k-primary-hover-rgb:var(--usk-primary-hover-rgb);--y2k-primary-text-rgb:var(--usk-primary-text-rgb);--y2k-secondary-rgb:var(--usk-secondary-rgb);--y2k-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--y2k-secondary-text-rgb:var(--usk-secondary-text-rgb);--y2k-accent-rgb:var(--usk-accent-rgb);--y2k-success-rgb:var(--usk-success-rgb);--y2k-warning-rgb:var(--usk-warning-rgb);--y2k-danger-rgb:var(--usk-danger-rgb);--y2k-link-rgb:var(--usk-link-rgb);--y2k-accent-text-rgb:var(--usk-accent-text-rgb);--y2k-success-text-rgb:var(--usk-success-text-rgb);--y2k-warning-text-rgb:var(--usk-warning-text-rgb);--y2k-danger-text-rgb:var(--usk-danger-text-rgb);--y2k-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--y2k-surface);--usk-native-surface-strong:var(--y2k-surface-strong);--usk-native-surface-soft:var(--y2k-surface-soft);--usk-native-card-bg:var(--y2k-card-bg);--usk-native-control-bg:var(--y2k-control-bg);--usk-native-text:var(--y2k-text);--usk-native-text-muted:var(--y2k-text-muted);--usk-native-border:var(--y2k-border);--usk-native-primary:var(--y2k-primary);--usk-native-primary-hover:var(--y2k-primary-hover);--usk-native-on-primary:var(--y2k-on-primary);--usk-native-focus:var(--y2k-focus);--usk-native-success:var(--y2k-success);--usk-native-warning:var(--y2k-warning);--usk-native-danger:var(--y2k-danger);--usk-native-link:var(--y2k-link);--usk-native-font-body:var(--y2k-font-body);--usk-native-font-heading:var(--y2k-font-heading);--usk-native-font-control:var(--y2k-font-control);--usk-native-font-mono:var(--y2k-font-mono);--usk-native-radius-sm:var(--y2k-radius-sm);--usk-native-radius:var(--y2k-radius-md);--usk-native-radius-lg:var(--y2k-radius-lg);--usk-native-shadow:var(--y2k-shadow-sm,none);--usk-native-shadow-md:var(--y2k-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--y2k-focus-ring,0 0 0 3px rgb(var(--y2k-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--y2k-space-5);--y2k-bg:rgb(var(--y2k-bg-rgb));--y2k-surface:rgb(var(--y2k-surface-rgb) / var(--y2k-panel-alpha));--y2k-surface-strong:rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-strong-alpha));--y2k-surface-soft:rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha));--y2k-text:rgb(var(--y2k-text-rgb));--y2k-text-muted:rgb(var(--y2k-text-muted-rgb));--y2k-fg:var(--y2k-text);--y2k-surface-fg:var(--y2k-text);--y2k-muted:var(--y2k-text-muted);--y2k-border:rgb(var(--y2k-border-rgb) / var(--y2k-border-alpha));--y2k-control-fg:var(--y2k-text);--y2k-primary:rgb(var(--y2k-primary-rgb));--y2k-primary-hover:rgb(var(--y2k-primary-hover-rgb));--y2k-primary-text:rgb(var(--y2k-primary-text-rgb));--y2k-secondary:rgb(var(--y2k-secondary-rgb));--y2k-secondary-hover:rgb(var(--y2k-secondary-hover-rgb));--y2k-secondary-text:rgb(var(--y2k-secondary-text-rgb));--y2k-on-primary:var(--y2k-primary-text);--y2k-on-secondary:var(--y2k-secondary-text);--y2k-on-accent:rgb(var(--y2k-accent-text-rgb));--y2k-on-success:rgb(var(--y2k-success-text-rgb));--y2k-on-warning:rgb(var(--y2k-warning-text-rgb));--y2k-on-danger:rgb(var(--y2k-danger-text-rgb));--y2k-accent:rgb(var(--y2k-accent-rgb));--y2k-success:rgb(var(--y2k-success-rgb));--y2k-warning:rgb(var(--y2k-warning-rgb));--y2k-danger:rgb(var(--y2k-danger-rgb));--y2k-link:rgb(var(--y2k-link-rgb));--y2k-focus:rgb(var(--y2k-focus-rgb));--y2k-glow-primary:rgb(var(--y2k-primary-rgb) / var(--y2k-glow-alpha));--y2k-glow-secondary:rgb(var(--y2k-secondary-rgb) / var(--y2k-glow-alpha));--y2k-glow-accent:rgb(var(--y2k-accent-rgb) / var(--y2k-glow-alpha));--y2k-shadow-sm:0 2px 8px rgb(0 0 0/var(--y2k-shadow-alpha));--y2k-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .05));--y2k-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--y2k-shadow-alpha) + .12));--y2k-theme-bg-size:auto;--y2k-theme-bg:radial-gradient(circle at 20% 10%, rgb(var(--y2k-accent-rgb) / .22), transparent 24rem), radial-gradient(circle at 90% 20%, rgb(var(--y2k-secondary-rgb) / .18), transparent 28rem), radial-gradient(circle at 10% 100%, rgb(var(--y2k-primary-rgb) / .1), transparent 30rem), linear-gradient(135deg, #ffffff1a, transparent 45%), var(--y2k-bg);--y2k-card-bg:linear-gradient(135deg, rgb(var(--y2k-primary-rgb) / .1), rgb(var(--y2k-accent-rgb) / .055) 42%, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)) 100%), var(--y2k-surface);--y2k-control-bg:linear-gradient(180deg, rgb(var(--y2k-surface-strong-rgb) / var(--y2k-panel-alpha)), rgb(var(--y2k-surface-soft-rgb) / var(--y2k-panel-soft-alpha)));--y2k-spinner-track:rgb(var(--y2k-border-rgb) / max(.28, calc(var(--y2k-border-alpha) * .7)));--y2k-spinner-stroke:var(--y2k-primary);--y2k-spinner-accent:var(--y2k-accent)}[data-ui=y2k]{background:radial-gradient(circle at 20% 10%,rgb(var(--y2k-accent-rgb)/.22),transparent 24rem),radial-gradient(circle at 90% 20%,rgb(var(--y2k-secondary-rgb)/.18),transparent 28rem),linear-gradient(135deg,#ffffff1a,transparent 45%),var(--y2k-bg);color:var(--y2k-text);font-family:var(--y2k-font-body)}[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{box-sizing:border-box}[data-ui=y2k][data-theme][data-mode]{background:var(--y2k-theme-bg);background-size:var(--y2k-theme-bg-size)}[data-ui=y2k] a{color:var(--y2k-link);text-underline-offset:.18em;text-decoration-thickness:.11em}[data-ui=y2k] ::selection{background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-title,.y2k-heading,.y2k-kicker,.y2k-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-badge,:where([data-ui=y2k]) .ui-nav-link{font-family:var(--y2k-font-heading)}.y2k-title{letter-spacing:-.05em;color:var(--y2k-text);text-shadow:2px 2px 0 rgb(var(--y2k-accent-rgb)/.56),0 0 24px var(--y2k-glow-accent);margin:0;font-size:clamp(2.25rem,6vw,4.5rem);line-height:.95}.y2k-heading{letter-spacing:-.03em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.y2k-kicker{color:var(--y2k-primary);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.y2k-subtitle,.y2k-copy{color:var(--y2k-text-muted);margin:0;line-height:1.65}.y2k-text-muted{color:var(--y2k-text-muted)}.y2k-card,.y2k-panel,.y2k-bubble,.y2k-toolbar,.y2k-table-wrap,:where([data-ui=y2k]) .ui-card,:where([data-ui=y2k]) .ui-toolbar,:where([data-ui=y2k]) .ui-table-wrap{background:linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface);color:var(--y2k-text);border:1px solid #ffffff61;border-bottom-color:rgb(var(--y2k-border-rgb)/.4);border-right-color:rgb(var(--y2k-border-rgb)/.35);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md),inset 0 1px 0 #ffffff6b,0 0 28px var(--y2k-glow-accent);transition:transform var(--y2k-transition-base),box-shadow var(--y2k-transition-base);position:relative;overflow:hidden}.y2k-card:before,.y2k-panel:before,.y2k-bubble:before,:where([data-ui=y2k]) .ui-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 0%,#ffffff6b,transparent 22%),linear-gradient(120deg,transparent 0 55%,rgb(var(--y2k-accent-rgb)/.12));position:absolute;inset:0}.y2k-card,.y2k-panel,.y2k-bubble,:where([data-ui=y2k]) .ui-card{padding:var(--y2k-space-6)}.y2k-toolbar,:where([data-ui=y2k]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--y2k-space-4);padding:var(--y2k-space-4);border-radius:var(--y2k-radius-pill);flex-wrap:wrap;display:flex}.y2k-hover-lift:hover{box-shadow:var(--y2k-shadow-lg),0 0 42px var(--y2k-glow-accent);transform:translateY(-3px)scale(1.005)}.y2k-inset,.y2k-well{background:linear-gradient(180deg,#00000014,#ffffff1f),var(--y2k-surface-soft);border:1px solid rgb(var(--y2k-border-rgb)/.42);border-radius:var(--y2k-radius-lg);box-shadow:inset 0 8px 18px #0000001f}.y2k-well{padding:var(--y2k-space-5)}.y2k-button,.y2k-icon-button,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff6b,#ffffff14),var(--y2k-surface-strong);min-height:2.85rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm),inset 0 1px 0 #ffffff80;font:inherit;font-family:var(--y2k-font-display);letter-spacing:.02em;cursor:pointer;transition:transform var(--y2k-transition-fast),box-shadow var(--y2k-transition-fast),background var(--y2k-transition-fast);border:1px solid #ffffff6b;padding:.75rem 1.15rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-button:hover,.y2k-icon-button:hover,:where([data-ui=y2k]) .ui-button:hover,:where([data-ui=y2k]) .ui-icon-button:hover{box-shadow:var(--y2k-shadow-md),0 0 26px var(--y2k-glow-accent);transform:translateY(-2px)}.y2k-button:active,.y2k-icon-button:active,.y2k-button.is-active,.y2k-button[aria-pressed=true],:where([data-ui=y2k]) .ui-button:active,:where([data-ui=y2k]) .ui-icon-button:active,:where([data-ui=y2k]) .ui-button.is-active,:where([data-ui=y2k]) .ui-button[aria-pressed=true]{transform:translateY(1px)scale(.99);box-shadow:inset 0 8px 16px #00000024}.y2k-button-primary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-button-primary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=primary]):hover{background:linear-gradient(180deg,#ffffff80,#ffffff1a),var(--y2k-primary-hover)}.y2k-button-secondary,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(180deg,#ffffff75,#ffffff14),var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-button-secondary:hover,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--y2k-secondary-hover)}.y2k-button-danger,:where([data-ui=y2k]) .ui-button:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-icon-button,:where([data-ui=y2k]) .ui-icon-button{width:2.85rem;padding:0}.y2k-field,:where([data-ui=y2k]) .ui-field{gap:var(--y2k-space-2);flex-direction:column;display:flex}.y2k-label,:where([data-ui=y2k]) .ui-label{letter-spacing:.04em;font-weight:900}.y2k-input,.y2k-textarea,.y2k-select,:where([data-ui=y2k]) .ui-input,:where([data-ui=y2k]) .ui-textarea,:where([data-ui=y2k]) .ui-select{background:linear-gradient(180deg,#ffffff38,#0000000d),var(--y2k-surface-soft);width:100%;min-height:2.9rem;color:var(--y2k-text);border-radius:var(--y2k-radius-lg);font:inherit;border:1px solid #ffffff61;outline:none;padding:.8rem 1rem;box-shadow:inset 0 6px 14px #0000001f}.y2k-textarea,:where([data-ui=y2k]) .ui-textarea{resize:vertical;min-height:8rem}.y2k-input:focus,.y2k-textarea:focus,.y2k-select:focus,:where([data-ui=y2k]) .ui-input:focus,:where([data-ui=y2k]) .ui-textarea:focus,:where([data-ui=y2k]) .ui-select:focus{border-color:var(--y2k-focus);box-shadow:inset 0 6px 14px #0000001f,0 0 0 3px rgb(var(--y2k-focus-rgb)/.25),0 0 24px rgb(var(--y2k-focus-rgb)/.22)}.y2k-help-text,:where([data-ui=y2k]) .ui-help-text{color:var(--y2k-text-muted);font-size:.9rem}.y2k-badge,:where([data-ui=y2k]) .ui-badge{background:linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong);min-height:1.8rem;color:var(--y2k-text);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-sm);border:1px solid #ffffff6b;align-items:center;padding:.35rem .8rem;font-size:.78rem;font-weight:900;display:inline-flex}.y2k-badge-primary,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=primary]){background:var(--y2k-primary);color:var(--y2k-on-primary)}.y2k-badge-secondary,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=secondary]){background:var(--y2k-secondary);color:var(--y2k-on-secondary)}.y2k-badge-success,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=success]){background:var(--y2k-success);color:var(--y2k-on-success)}.y2k-badge-warning,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=warning]){background:var(--y2k-warning);color:var(--y2k-on-warning)}.y2k-badge-danger,:where([data-ui=y2k]) .ui-badge:where([data-ui-variant=danger]){background:var(--y2k-danger);color:var(--y2k-on-danger)}.y2k-nav,:where([data-ui=y2k]) .ui-nav{gap:var(--y2k-space-2);padding:var(--y2k-space-2);background:linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff6b;flex-wrap:wrap;display:flex}.y2k-nav-link,:where([data-ui=y2k]) .ui-nav-link{min-height:2.5rem;color:var(--y2k-text-muted);border-radius:var(--y2k-radius-pill);align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.y2k-nav-link:hover,:where([data-ui=y2k]) .ui-nav-link:hover{color:var(--y2k-text);background:#ffffff29}.y2k-nav-link.is-active,.y2k-nav-link[aria-current=page],:where([data-ui=y2k]) .ui-nav-link.is-active,:where([data-ui=y2k]) .ui-nav-link[aria-current=page]{background:var(--y2k-primary);color:var(--y2k-on-primary);box-shadow:0 0 20px var(--y2k-glow-primary)}.y2k-tooltip,[data-ui=y2k] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:radial-gradient(circle at 28% 18%,#ffffffc2,transparent 26%),linear-gradient(135deg,var(--y2k-primary),var(--y2k-secondary));max-inline-size:16rem;color:var(--y2k-on-primary);border-radius:var(--y2k-radius-pill);box-shadow:var(--y2k-shadow-md),0 0 1.1rem var(--y2k-glow-primary);border:1px solid #ffffff8a;align-items:center;gap:.45rem;padding:.62rem .9rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.y2k-tooltip-arrow{block-size:.62rem;inline-size:.62rem;box-shadow:inset -.12rem -.12rem .3rem rgb(var(--y2k-secondary-rgb)/.28);background:#ffffffb8;border-radius:50%;flex:none}.y2k-progress,:where([data-ui=y2k]) .ui-progress{background:var(--y2k-surface-soft);border-radius:var(--y2k-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 6px 14px #0000001f}.y2k-progress-bar,:where([data-ui=y2k]) .ui-progress-bar{height:100%;width:var(--y2k-progress-value,50%);background:linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary));border-radius:inherit}.y2k-alert,:where([data-ui=y2k]) .ui-alert{padding:var(--y2k-space-4);background:var(--y2k-surface);border-radius:var(--y2k-radius-xl);box-shadow:var(--y2k-shadow-md);border:1px solid #ffffff61}.y2k-alert-title,:where([data-ui=y2k]) .ui-alert-title{margin:0;font-weight:900}.y2k-alert-body,:where([data-ui=y2k]) .ui-alert-body{color:var(--y2k-text-muted);margin:.5rem 0 0}.y2k-alert-success,:where([data-ui=y2k]) .ui-alert:where([data-ui-variant=success]){box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2)}.y2k-alert-warning,:where([data-ui=y2k]) .ui-alert:where([data-ui-variant=warning]){box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2)}.y2k-alert-danger,:where([data-ui=y2k]) .ui-alert:where([data-ui-variant=danger]){box-shadow:var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2)}.y2k-table-wrap,:where([data-ui=y2k]) .ui-table-wrap{overflow:auto}.y2k-table,:where([data-ui=y2k]) .ui-table{border-collapse:collapse;width:100%}.y2k-table th,.y2k-table td,:where([data-ui=y2k]) .ui-table th,:where([data-ui=y2k]) .ui-table td{border-bottom:1px solid rgb(var(--y2k-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.y2k-table th,:where([data-ui=y2k]) .ui-table th{background:#ffffff29;font-weight:900}.y2k-table td,:where([data-ui=y2k]) .ui-table td{color:var(--y2k-text-muted)}.y2k-text-primary{color:var(--y2k-primary)}.y2k-text-secondary{color:var(--y2k-secondary)}.y2k-text-accent{color:var(--y2k-accent)}.y2k-text-success{color:var(--y2k-success)}.y2k-text-warning{color:var(--y2k-warning)}.y2k-text-danger{color:var(--y2k-danger)}[data-ui=y2k] :focus-visible{outline:3px solid var(--y2k-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.y2k-card,.y2k-panel,:where([data-ui=y2k]) .ui-card{background:var(--y2k-card-bg)}.y2k-toolbar,.y2k-table-wrap,.y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost),.y2k-icon-button,:where([data-ui=y2k]) .ui-toolbar,:where([data-ui=y2k]) .ui-table-wrap,:where([data-ui=y2k]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=y2k]) .ui-icon-button{background:var(--y2k-control-bg)}.y2k-button,.y2k-icon-button,.y2k-badge,.y2k-nav-link,:where([data-ui=y2k]) .ui-button,:where([data-ui=y2k]) .ui-icon-button,:where([data-ui=y2k]) .ui-badge,:where([data-ui=y2k]) .ui-nav-link{font-family:var(--y2k-font-control)}.y2k-spinner,.y2k-loading-spinner,[data-ui=y2k] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.14rem solid #ffffff6b;border-block-start-color:var(--y2k-spinner-stroke);border-inline-end-color:var(--y2k-spinner-accent);background:radial-gradient(circle at 32% 26%,#ffffffe6,transparent 18%),conic-gradient(var(--y2k-spinner-stroke),var(--y2k-spinner-accent),var(--y2k-spinner-track),var(--y2k-secondary));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.2rem var(--y2k-glow-primary),inset -.18rem -.18rem .45rem rgb(var(--y2k-secondary-rgb)/.28);vertical-align:-.2em;border-radius:50%;animation:.88s linear infinite y2k-spin;display:inline-block}.y2k-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.y2k-spinner-lg{border-width:.22rem;block-size:3rem;inline-size:3rem}.y2k-button[aria-busy=true],.y2k-icon-button[aria-busy=true],[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=y2k]) .ui-button[aria-busy=true],:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.y2k-button[aria-busy=true]:after,.y2k-icon-button[aria-busy=true]:after,[data-ui=y2k] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=y2k]) .ui-button[aria-busy=true]:after,:where([data-ui=y2k]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--y2k-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite y2k-spin;display:inline-block}@keyframes y2k-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=y2k] *,[data-ui=y2k] :before,[data-ui=y2k] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=y2k]{--y2k-border-alpha:1}}@media (forced-colors:active){[data-ui=y2k] *{forced-color-adjust:auto}[data-ui=y2k] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=y2k]{color:#000!important;background:#fff!important}[data-ui=y2k] *{box-shadow:none!important;text-shadow:none!important}[data-ui=y2k] a{text-decoration:underline;color:#000!important}}:root{--rg-radius-xs:.25rem;--rg-radius-sm:.5rem;--rg-radius-md:.75rem;--rg-radius-lg:1rem;--rg-radius-xl:1.5rem;--rg-radius-pill:999px;--rg-space-1:.25rem;--rg-space-2:.5rem;--rg-space-3:.75rem;--rg-space-4:1rem;--rg-space-5:1.25rem;--rg-space-6:1.5rem;--rg-space-8:2rem;--rg-transition-fast:.14s ease;--rg-transition-base:.22s ease;--rg-transition-slow:.36s ease;--rg-font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--rg-font-display:Orbitron, Rajdhani, Eurostile, "Bank Gothic", var(--rg-font-sans);--rg-font-body:var(--rg-font-sans);--rg-font-heading:var(--rg-font-display);--rg-font-control:var(--rg-font-display);--rg-font-mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace}[data-ui=retro-glass][data-mode=light]{color-scheme:light;--rg-panel-alpha:.92;--rg-panel-strong-alpha:.98;--rg-panel-soft-alpha:.74;--rg-border-alpha:.7;--rg-glow-alpha:.24;--rg-shadow-alpha:.18;--rg-grid-alpha:.075}[data-ui=retro-glass][data-mode=dark]{color-scheme:dark;--rg-panel-alpha:.82;--rg-panel-strong-alpha:.94;--rg-panel-soft-alpha:.58;--rg-border-alpha:.64;--rg-glow-alpha:.42;--rg-shadow-alpha:.42;--rg-grid-alpha:.12}[data-ui=retro-glass][data-mode=contrast]{color-scheme:dark;--rg-panel-alpha:1;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.92;--rg-border-alpha:1;--rg-glow-alpha:.68;--rg-shadow-alpha:.56;--rg-grid-alpha:.18}[data-ui=retro-glass][data-theme][data-mode]{--rg-bg-rgb:var(--usk-bg-rgb);--rg-surface-rgb:var(--usk-surface-rgb);--rg-surface-strong-rgb:var(--usk-surface-strong-rgb);--rg-surface-soft-rgb:var(--usk-surface-soft-rgb);--rg-text-rgb:var(--usk-text-rgb);--rg-text-muted-rgb:var(--usk-text-muted-rgb);--rg-border-rgb:var(--usk-border-rgb);--rg-primary-rgb:var(--usk-primary-rgb);--rg-primary-hover-rgb:var(--usk-primary-hover-rgb);--rg-primary-text-rgb:var(--usk-primary-text-rgb);--rg-secondary-rgb:var(--usk-secondary-rgb);--rg-secondary-hover-rgb:var(--usk-secondary-hover-rgb);--rg-secondary-text-rgb:var(--usk-secondary-text-rgb);--rg-accent-rgb:var(--usk-accent-rgb);--rg-success-rgb:var(--usk-success-rgb);--rg-warning-rgb:var(--usk-warning-rgb);--rg-danger-rgb:var(--usk-danger-rgb);--rg-link-rgb:var(--usk-link-rgb);--rg-accent-text-rgb:var(--usk-accent-text-rgb);--rg-success-text-rgb:var(--usk-success-text-rgb);--rg-warning-text-rgb:var(--usk-warning-text-rgb);--rg-danger-text-rgb:var(--usk-danger-text-rgb);--rg-focus-rgb:var(--usk-focus-rgb);--usk-native-surface:var(--rg-surface);--usk-native-surface-strong:var(--rg-surface-strong);--usk-native-surface-soft:var(--rg-surface-soft);--usk-native-card-bg:var(--rg-card-bg);--usk-native-control-bg:var(--rg-control-bg);--usk-native-text:var(--rg-text);--usk-native-text-muted:var(--rg-text-muted);--usk-native-border:var(--rg-border);--usk-native-primary:var(--rg-primary);--usk-native-primary-hover:var(--rg-primary-hover);--usk-native-on-primary:var(--rg-on-primary);--usk-native-focus:var(--rg-focus);--usk-native-success:var(--rg-success);--usk-native-warning:var(--rg-warning);--usk-native-danger:var(--rg-danger);--usk-native-link:var(--rg-link);--usk-native-font-body:var(--rg-font-body);--usk-native-font-heading:var(--rg-font-heading);--usk-native-font-control:var(--rg-font-control);--usk-native-font-mono:var(--rg-font-mono);--usk-native-radius-sm:var(--rg-radius-sm);--usk-native-radius:var(--rg-radius-md);--usk-native-radius-lg:var(--rg-radius-lg);--usk-native-shadow:0 10px 30px rgb(0 0 0/calc(var(--rg-shadow-alpha) * .72));--usk-native-shadow-md:var(--rg-shadow-md,var(--usk-native-shadow));--usk-native-focus-ring:var(--rg-focus-ring,0 0 0 3px rgb(var(--rg-focus-rgb) / .28));--usk-native-border-width:1px;--usk-native-field-gap:.5rem;--usk-native-panel-padding:var(--rg-space-5);--rg-bg:rgb(var(--rg-bg-rgb));--rg-surface:rgb(var(--rg-surface-rgb) / var(--rg-panel-alpha));--rg-surface-strong:rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-strong-alpha));--rg-surface-soft:rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha));--rg-text:rgb(var(--rg-text-rgb));--rg-text-muted:rgb(var(--rg-text-muted-rgb));--rg-fg:var(--rg-text);--rg-surface-fg:var(--rg-text);--rg-muted:var(--rg-text-muted);--rg-border:rgb(var(--rg-border-rgb) / var(--rg-border-alpha));--rg-control-fg:var(--rg-text);--rg-primary:rgb(var(--rg-primary-rgb));--rg-primary-hover:rgb(var(--rg-primary-hover-rgb));--rg-primary-text:rgb(var(--rg-primary-text-rgb));--rg-secondary:rgb(var(--rg-secondary-rgb));--rg-secondary-hover:rgb(var(--rg-secondary-hover-rgb));--rg-secondary-text:rgb(var(--rg-secondary-text-rgb));--rg-on-primary:var(--rg-primary-text);--rg-on-secondary:var(--rg-secondary-text);--rg-on-accent:rgb(var(--rg-accent-text-rgb));--rg-on-success:rgb(var(--rg-success-text-rgb));--rg-on-warning:rgb(var(--rg-warning-text-rgb));--rg-on-danger:rgb(var(--rg-danger-text-rgb));--rg-accent:rgb(var(--rg-accent-rgb));--rg-success:rgb(var(--rg-success-rgb));--rg-warning:rgb(var(--rg-warning-rgb));--rg-danger:rgb(var(--rg-danger-rgb));--rg-link:rgb(var(--rg-link-rgb));--rg-focus:rgb(var(--rg-focus-rgb));--rg-glow-primary:rgb(var(--rg-primary-rgb) / var(--rg-glow-alpha));--rg-glow-secondary:rgb(var(--rg-secondary-rgb) / var(--rg-glow-alpha));--rg-glow-accent:rgb(var(--rg-accent-rgb) / var(--rg-glow-alpha));--rg-shadow-sm:0 2px 8px rgb(0 0 0/var(--rg-shadow-alpha));--rg-shadow-md:0 10px 28px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .05));--rg-shadow-lg:0 22px 60px rgb(0 0 0/calc(var(--rg-shadow-alpha) + .12));--rg-theme-bg-size:auto, auto, auto, 52px 52px, 52px 52px, auto;--rg-theme-bg:radial-gradient(circle at 15% 15%, rgb(var(--rg-primary-rgb) / .18), transparent 28rem), radial-gradient(circle at 85% 10%, rgb(var(--rg-secondary-rgb) / .16), transparent 26rem), radial-gradient(circle at 50% 110%, rgb(var(--rg-accent-rgb) / .14), transparent 34rem), linear-gradient(90deg, rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), linear-gradient(rgb(var(--rg-border-rgb) / var(--rg-grid-alpha)) 1px, transparent 1px), var(--rg-bg);--rg-card-bg:linear-gradient(135deg, rgb(var(--rg-primary-rgb) / .1), rgb(var(--rg-accent-rgb) / .055) 42%, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)) 100%), var(--rg-surface);--rg-control-bg:linear-gradient(180deg, rgb(var(--rg-surface-strong-rgb) / var(--rg-panel-alpha)), rgb(var(--rg-surface-soft-rgb) / var(--rg-panel-soft-alpha)));--rg-spinner-track:rgb(var(--rg-border-rgb) / max(.28, calc(var(--rg-border-alpha) * .7)));--rg-spinner-stroke:var(--rg-primary);--rg-spinner-accent:var(--rg-accent)}[data-ui=retro-glass]{background:radial-gradient(circle at 15% 15%,rgb(var(--rg-primary-rgb)/.18),transparent 28rem),radial-gradient(circle at 85% 10%,rgb(var(--rg-secondary-rgb)/.16),transparent 26rem),radial-gradient(circle at 50% 110%,rgb(var(--rg-accent-rgb)/.14),transparent 34rem),linear-gradient(90deg,rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--rg-border-rgb)/var(--rg-grid-alpha)) 1px,transparent 1px),var(--rg-bg);color:var(--rg-text);font-family:var(--rg-font-body);background-size:auto,auto,auto,52px 52px,52px 52px,auto}[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{box-sizing:border-box}[data-ui=retro-glass][data-theme][data-mode]{background:var(--rg-theme-bg);background-size:var(--rg-theme-bg-size)}[data-ui=retro-glass] a{color:var(--rg-link);text-underline-offset:.18em}[data-ui=retro-glass] ::selection{background:var(--rg-primary);color:var(--rg-on-primary)}.rg-title,.rg-heading,.rg-kicker,.rg-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-badge,:where([data-ui=retro-glass]) .ui-nav-link{font-family:var(--rg-font-heading);text-transform:uppercase}.rg-title{letter-spacing:.06em;text-shadow:0 0 14px var(--rg-glow-primary),0 0 34px var(--rg-glow-accent);margin:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.02}.rg-heading{letter-spacing:.06em;margin:0;font-size:clamp(1.25rem,3vw,2rem)}.rg-kicker{color:var(--rg-primary);letter-spacing:.18em;margin:0;font-size:.8rem;font-weight:900}.rg-subtitle,.rg-copy{color:var(--rg-text-muted);margin:0;line-height:1.65}.rg-text-muted{color:var(--rg-text-muted)}.rg-card,.rg-panel,.rg-console,.rg-toolbar,.rg-table-wrap,:where([data-ui=retro-glass]) .ui-card,:where([data-ui=retro-glass]) .ui-toolbar,:where([data-ui=retro-glass]) .ui-table-wrap{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface);color:var(--rg-text);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 28px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);transition:transform var(--rg-transition-base),box-shadow var(--rg-transition-base),border-color var(--rg-transition-base);border-top-color:#ffffff47;border-left-color:#fff3;position:relative;overflow:hidden}.rg-card:before,.rg-panel:before,.rg-console:before,:where([data-ui=retro-glass]) .ui-card:before{content:"";pointer-events:none;background:linear-gradient(180deg,#ffffff1a,transparent 30%),linear-gradient(90deg,transparent,rgb(var(--rg-accent-rgb)/.08),transparent);position:absolute;inset:0}.rg-card,.rg-panel,.rg-console,:where([data-ui=retro-glass]) .ui-card{padding:var(--rg-space-6)}.rg-console{border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary)}.rg-toolbar,:where([data-ui=retro-glass]) .ui-toolbar{justify-content:space-between;align-items:center;gap:var(--rg-space-4);padding:var(--rg-space-4);flex-wrap:wrap;display:flex}.rg-hover-lift:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-lg),0 0 44px var(--rg-glow-primary),0 0 60px var(--rg-glow-secondary);transform:translateY(-3px)}.rg-inset,.rg-well{background:linear-gradient(180deg,#00000014,#ffffff0a),var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.36);border-radius:var(--rg-radius-lg);backdrop-filter:blur(12px)saturate(140%);box-shadow:inset 0 8px 22px #00000029}.rg-well{padding:var(--rg-space-5)}.rg-button,.rg-icon-button,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button{appearance:none;justify-content:center;align-items:center;gap:var(--rg-space-2);background:linear-gradient(135deg,#ffffff3d,#ffffff0a),var(--rg-surface);min-height:2.85rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.56);border-radius:var(--rg-radius-md);box-shadow:var(--rg-shadow-sm);backdrop-filter:blur(14px)saturate(150%);font:inherit;font-family:var(--rg-font-display);letter-spacing:.08em;cursor:pointer;transition:transform var(--rg-transition-fast),box-shadow var(--rg-transition-fast),background var(--rg-transition-fast),border-color var(--rg-transition-fast);border-top-color:#ffffff52;padding:.75rem 1.1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-button:hover,.rg-icon-button:hover,:where([data-ui=retro-glass]) .ui-button:hover,:where([data-ui=retro-glass]) .ui-icon-button:hover{border-color:rgb(var(--rg-primary-rgb)/.68);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);transform:translateY(-2px)}.rg-button:active,.rg-icon-button:active,.rg-button.is-active,.rg-button[aria-pressed=true],:where([data-ui=retro-glass]) .ui-button:active,:where([data-ui=retro-glass]) .ui-icon-button:active,:where([data-ui=retro-glass]) .ui-button.is-active,:where([data-ui=retro-glass]) .ui-button[aria-pressed=true]{box-shadow:inset 0 8px 18px #0000002e,0 0 18px var(--rg-glow-primary);transform:translateY(1px)}.rg-button-primary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-primary);color:var(--rg-on-primary);border-color:rgb(var(--rg-primary-rgb)/.72)}.rg-button-primary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=primary]):hover{background:var(--rg-primary-hover)}.rg-button-secondary,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]){background:linear-gradient(135deg,#ffffff38,#ffffff0a),var(--rg-secondary);color:var(--rg-on-secondary);border-color:rgb(var(--rg-secondary-rgb)/.72)}.rg-button-secondary:hover,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=secondary]):hover{background:var(--rg-secondary-hover)}.rg-button-danger,:where([data-ui=retro-glass]) .ui-button:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-icon-button,:where([data-ui=retro-glass]) .ui-icon-button{width:2.85rem;padding:0}.rg-field,:where([data-ui=retro-glass]) .ui-field{gap:var(--rg-space-2);flex-direction:column;display:flex}.rg-label,:where([data-ui=retro-glass]) .ui-label{font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;font-weight:900}.rg-input,.rg-textarea,.rg-select,:where([data-ui=retro-glass]) .ui-input,:where([data-ui=retro-glass]) .ui-textarea,:where([data-ui=retro-glass]) .ui-select{background:linear-gradient(180deg,#ffffff0f,#00000014),var(--rg-surface-soft);width:100%;min-height:2.9rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.44);border-radius:var(--rg-radius-md);font:inherit;backdrop-filter:blur(10px);outline:none;padding:.8rem 1rem;box-shadow:inset 0 8px 18px #00000024}.rg-textarea,:where([data-ui=retro-glass]) .ui-textarea{resize:vertical;min-height:8rem}.rg-input:focus,.rg-textarea:focus,.rg-select:focus,:where([data-ui=retro-glass]) .ui-input:focus,:where([data-ui=retro-glass]) .ui-textarea:focus,:where([data-ui=retro-glass]) .ui-select:focus{border-color:var(--rg-focus);box-shadow:inset 0 8px 18px #00000024,0 0 0 3px rgb(var(--rg-focus-rgb)/.24),0 0 26px rgb(var(--rg-focus-rgb)/.22)}.rg-help-text,:where([data-ui=retro-glass]) .ui-help-text{color:var(--rg-text-muted);font-size:.9rem}.rg-badge,:where([data-ui=retro-glass]) .ui-badge{background:linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface);min-height:1.8rem;color:var(--rg-text);border:1px solid rgb(var(--rg-border-rgb)/.5);border-radius:var(--rg-radius-pill);box-shadow:var(--rg-shadow-sm);letter-spacing:.08em;backdrop-filter:blur(12px);align-items:center;padding:.35rem .75rem;font-size:.78rem;font-weight:900;display:inline-flex}.rg-badge-primary,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=primary]){background:var(--rg-primary);color:var(--rg-on-primary)}.rg-badge-secondary,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=secondary]){background:var(--rg-secondary);color:var(--rg-on-secondary)}.rg-badge-success,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=success]){background:var(--rg-success);color:var(--rg-on-success)}.rg-badge-warning,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=warning]){background:var(--rg-warning);color:var(--rg-on-warning)}.rg-badge-danger,:where([data-ui=retro-glass]) .ui-badge:where([data-ui-variant=danger]){background:var(--rg-danger);color:var(--rg-on-danger)}.rg-nav,:where([data-ui=retro-glass]) .ui-nav{gap:var(--rg-space-2);padding:var(--rg-space-2);background:linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-xl);box-shadow:var(--rg-shadow-md),0 0 24px var(--rg-glow-primary);backdrop-filter:blur(18px)saturate(150%);flex-wrap:wrap;display:flex}.rg-nav-link,:where([data-ui=retro-glass]) .ui-nav-link{min-height:2.5rem;color:var(--rg-text-muted);border-radius:var(--rg-radius-pill);letter-spacing:.08em;border:1px solid #0000;align-items:center;padding:.65rem 1rem;font-weight:900;text-decoration:none;display:inline-flex}.rg-nav-link:hover,:where([data-ui=retro-glass]) .ui-nav-link:hover{color:var(--rg-text);border-color:rgb(var(--rg-primary-rgb)/.36);background:#ffffff1a}.rg-nav-link.is-active,.rg-nav-link[aria-current=page],:where([data-ui=retro-glass]) .ui-nav-link.is-active,:where([data-ui=retro-glass]) .ui-nav-link[aria-current=page]{background:var(--rg-primary);color:var(--rg-on-primary);box-shadow:0 0 22px var(--rg-glow-primary)}.rg-tooltip,[data-ui=retro-glass] :where(.ui-tooltip,[role=tooltip],[data-tooltip]){background:linear-gradient(135deg,#ffffff47,#ffffff0f),var(--rg-surface);max-inline-size:16rem;color:var(--rg-text);box-shadow:var(--rg-shadow-md),0 0 1.25rem var(--rg-glow-primary);backdrop-filter:blur(14px)saturate(145%);letter-spacing:.04em;border:1px solid #ffffff57;border-radius:38% 62% 48% 52%/52% 42% 58% 48%;align-items:center;gap:.45rem;padding:.62rem .88rem;font-size:.82rem;font-weight:900;line-height:1.3;display:inline-flex}.rg-tooltip-arrow{background:#ffffff61;border:1px solid #ffffff4d;border-radius:40% 60% 45% 55%;flex:none;block-size:.6rem;inline-size:.6rem;transform:rotate(45deg)}.rg-progress,:where([data-ui=retro-glass]) .ui-progress{background:var(--rg-surface-soft);border:1px solid rgb(var(--rg-border-rgb)/.4);border-radius:var(--rg-radius-pill);width:100%;height:.9rem;overflow:hidden;box-shadow:inset 0 8px 18px #00000024}.rg-progress-bar,:where([data-ui=retro-glass]) .ui-progress-bar{height:100%;width:var(--rg-progress-value,50%);background:linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary));border-radius:inherit;box-shadow:0 0 18px var(--rg-glow-primary)}.rg-alert,:where([data-ui=retro-glass]) .ui-alert{padding:var(--rg-space-4);background:var(--rg-surface);border:1px solid var(--rg-border);border-radius:var(--rg-radius-lg);box-shadow:var(--rg-shadow-md),0 0 22px var(--rg-glow-primary);backdrop-filter:blur(16px)}.rg-alert-title,:where([data-ui=retro-glass]) .ui-alert-title{font-family:var(--rg-font-heading);text-transform:uppercase;margin:0}.rg-alert-body,:where([data-ui=retro-glass]) .ui-alert-body{color:var(--rg-text-muted);margin:.5rem 0 0}.rg-alert-success,:where([data-ui=retro-glass]) .ui-alert:where([data-ui-variant=success]){border-left:4px solid var(--rg-success)}.rg-alert-warning,:where([data-ui=retro-glass]) .ui-alert:where([data-ui-variant=warning]){border-left:4px solid var(--rg-warning)}.rg-alert-danger,:where([data-ui=retro-glass]) .ui-alert:where([data-ui-variant=danger]){border-left:4px solid var(--rg-danger)}.rg-table-wrap,:where([data-ui=retro-glass]) .ui-table-wrap{overflow:auto}.rg-table,:where([data-ui=retro-glass]) .ui-table{border-collapse:collapse;width:100%}.rg-table th,.rg-table td,:where([data-ui=retro-glass]) .ui-table th,:where([data-ui=retro-glass]) .ui-table td{border-bottom:1px solid rgb(var(--rg-border-rgb)/.34);text-align:left;padding:.9rem 1rem}.rg-table th,:where([data-ui=retro-glass]) .ui-table th{background:rgb(var(--rg-primary-rgb)/.1);font-family:var(--rg-font-heading);text-transform:uppercase;letter-spacing:.1em}.rg-table td,:where([data-ui=retro-glass]) .ui-table td{color:var(--rg-text-muted)}.rg-text-primary{color:var(--rg-primary)}.rg-text-secondary{color:var(--rg-secondary)}.rg-text-accent{color:var(--rg-accent)}.rg-text-success{color:var(--rg-success)}.rg-text-warning{color:var(--rg-warning)}.rg-text-danger{color:var(--rg-danger)}@supports not (backdrop-filter:blur(1px)){[data-ui=retro-glass]{--rg-panel-alpha:.96;--rg-panel-strong-alpha:1;--rg-panel-soft-alpha:.9}}[data-ui=retro-glass] :focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{transition-duration:1ms!important;animation-duration:1ms!important}}.rg-card,.rg-panel,:where([data-ui=retro-glass]) .ui-card{background:var(--rg-card-bg)}.rg-toolbar,.rg-table-wrap,.rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost),.rg-icon-button,:where([data-ui=retro-glass]) .ui-toolbar,:where([data-ui=retro-glass]) .ui-table-wrap,:where([data-ui=retro-glass]) .ui-button:not(.ui-button:where([data-ui-variant=primary])):not(.ui-button:where([data-ui-variant=secondary])):not(.ui-button:where([data-ui-variant=danger])):not(.ui-button:where([data-ui-variant=ghost])),:where([data-ui=retro-glass]) .ui-icon-button{background:var(--rg-control-bg)}.rg-button,.rg-icon-button,.rg-badge,.rg-nav-link,:where([data-ui=retro-glass]) .ui-button,:where([data-ui=retro-glass]) .ui-icon-button,:where([data-ui=retro-glass]) .ui-badge,:where([data-ui=retro-glass]) .ui-nav-link{font-family:var(--rg-font-control)}.rg-spinner,.rg-loading-spinner,[data-ui=retro-glass] :where(.ui-spinner,.loading-spinner,[data-loading-spinner]){border:.12rem solid #ffffff52;border-block-start-color:var(--rg-spinner-stroke);border-inline-end-color:var(--rg-spinner-accent);background:linear-gradient(135deg,#ffffff52,transparent 46%),conic-gradient(from 35deg,var(--rg-spinner-stroke),transparent 40%,var(--rg-spinner-accent),var(--rg-spinner-track));block-size:2rem;inline-size:2rem;box-shadow:0 0 1.35rem var(--rg-glow-primary),inset 0 0 .85rem #ffffff2e;backdrop-filter:blur(.4rem);vertical-align:-.2em;border-radius:38% 62% 48% 52%;animation:.95s linear infinite rg-spin;display:inline-block}.rg-spinner-sm{border-width:.08rem;block-size:1rem;inline-size:1rem}.rg-spinner-lg{border-width:.2rem;block-size:3rem;inline-size:3rem}.rg-button[aria-busy=true],.rg-icon-button[aria-busy=true],[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]),:where([data-ui=retro-glass]) .ui-button[aria-busy=true],:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]{cursor:progress;gap:.55rem}.rg-button[aria-busy=true]:after,.rg-icon-button[aria-busy=true]:after,[data-ui=retro-glass] :where(button[aria-busy=true],input[type=button][aria-busy=true],input[type=submit][aria-busy=true],input[type=reset][aria-busy=true]):after,:where([data-ui=retro-glass]) .ui-button[aria-busy=true]:after,:where([data-ui=retro-glass]) .ui-icon-button[aria-busy=true]:after{content:"";border:.16em solid rgb(var(--rg-primary-text-rgb)/.42);border-block-start-color:currentColor;border-radius:50%;block-size:1em;inline-size:1em;animation:.75s linear infinite rg-spin;display:inline-block}@keyframes rg-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=retro-glass] *,[data-ui=retro-glass] :before,[data-ui=retro-glass] :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){[data-ui=retro-glass]{--rg-border-alpha:1}}@media (forced-colors:active){[data-ui=retro-glass] *{forced-color-adjust:auto}[data-ui=retro-glass] :where(:focus-visible){box-shadow:none;outline:3px solid canvastext}}@media print{[data-ui=retro-glass]{color:#000!important;background:#fff!important}[data-ui=retro-glass] *{box-shadow:none!important;text-shadow:none!important}[data-ui=retro-glass] a{text-decoration:underline;color:#000!important}}}@layer ui-style-kit.compat_layout{[data-ui][data-theme][data-mode] :where([class~=saas-page],[class~=saas-container],[class~=saas-section],[class~=saas-grid],[class~=saas-stack],[class~=saas-cluster],[class~=saas-split],[class~=bento-page],[class~=bento-container],[class~=bento-section],[class~=bento-grid],[class~=bento-stack],[class~=bento-cluster],[class~=bento-split],[class~=max-page],[class~=max-container],[class~=max-section],[class~=max-grid],[class~=max-stack],[class~=max-cluster],[class~=max-split],[class~=bau-page],[class~=bau-container],[class~=bau-section],[class~=bau-grid],[class~=bau-stack],[class~=bau-cluster],[class~=bau-split],[class~=tactile-page],[class~=tactile-container],[class~=tactile-section],[class~=tactile-grid],[class~=tactile-stack],[class~=tactile-cluster],[class~=tactile-split],[class~=neo-page],[class~=neo-container],[class~=neo-section],[class~=neo-grid],[class~=neo-stack],[class~=neo-cluster],[class~=neo-split],[class~=retro-page],[class~=retro-container],[class~=retro-section],[class~=retro-grid],[class~=retro-stack],[class~=retro-cluster],[class~=retro-split],[class~=brutal-page],[class~=brutal-container],[class~=brutal-section],[class~=brutal-grid],[class~=brutal-stack],[class~=brutal-cluster],[class~=cyber-page],[class~=cyber-container],[class~=cyber-section],[class~=cyber-grid],[class~=cyber-stack],[class~=cyber-cluster],[class~=y2k-page],[class~=y2k-container],[class~=y2k-section],[class~=y2k-grid],[class~=y2k-stack],[class~=y2k-cluster],[class~=rg-page],[class~=rg-container],[class~=rg-section],[class~=rg-grid],[class~=rg-stack],[class~=rg-cluster]){overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}[data-ui=minimal-saas]{min-height:100vh}.saas-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.saas-container{width:min(100% - 2rem,1200px);margin-inline:auto}.saas-section{gap:var(--saas-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.saas-stack{gap:var(--saas-space-4);flex-direction:column;display:flex}.saas-cluster{align-items:center;gap:var(--saas-space-3);flex-wrap:wrap;display:flex}.saas-grid{gap:var(--saas-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.saas-split{gap:var(--saas-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bento]{min-height:100vh}.bento-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bento-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bento-section{gap:var(--bento-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bento-stack{gap:var(--bento-space-4);flex-direction:column;display:flex}.bento-cluster{align-items:center;gap:var(--bento-space-3);flex-wrap:wrap;display:flex}.bento-grid{gap:var(--bento-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bento-split{gap:var(--bento-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=maximalist]{min-height:100vh}.max-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.max-container{width:min(100% - 2rem,1200px);margin-inline:auto}.max-section{gap:var(--max-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.max-stack{gap:var(--max-space-4);flex-direction:column;display:flex}.max-cluster{align-items:center;gap:var(--max-space-3);flex-wrap:wrap;display:flex}.max-grid{gap:var(--max-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.max-split{gap:var(--max-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=bauhaus]{min-height:100vh}.bau-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.bau-container{width:min(100% - 2rem,1200px);margin-inline:auto}.bau-section{gap:var(--bau-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.bau-stack{gap:var(--bau-space-4);flex-direction:column;display:flex}.bau-cluster{align-items:center;gap:var(--bau-space-3);flex-wrap:wrap;display:flex}.bau-grid{gap:var(--bau-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.bau-split{gap:var(--bau-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=tactile]{min-height:100vh}.tactile-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.tactile-container{width:min(100% - 2rem,1200px);margin-inline:auto}.tactile-section{gap:var(--tactile-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.tactile-stack{gap:var(--tactile-space-4);flex-direction:column;display:flex}.tactile-cluster{align-items:center;gap:var(--tactile-space-3);flex-wrap:wrap;display:flex}.tactile-grid{gap:var(--tactile-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.tactile-split{gap:var(--tactile-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=neumorphism]{min-height:100vh}.neo-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.neo-container{width:min(100% - 2rem,1200px);margin-inline:auto}.neo-section{gap:var(--neo-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.neo-stack{gap:var(--neo-space-4);flex-direction:column;display:flex}.neo-cluster{align-items:center;gap:var(--neo-space-3);flex-wrap:wrap;display:flex}.neo-grid{gap:var(--neo-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.neo-split{gap:var(--neo-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}[data-ui=retrofuturism]{min-height:100vh}.retro-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.retro-container{width:min(100% - 2rem,1200px);margin-inline:auto}.retro-section{gap:var(--retro-space-5);padding:clamp(1rem,3vw,2rem);display:grid}.retro-stack{gap:var(--retro-space-4);flex-direction:column;display:flex}.retro-cluster{align-items:center;gap:var(--retro-space-3);flex-wrap:wrap;display:flex}.retro-grid{gap:var(--retro-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.retro-split{gap:var(--retro-space-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;display:grid}.retro-page{background-image:linear-gradient(to bottom,rgb(255 255 255/var(--retro-scanline-alpha))0 1px,transparent 1px 4px),linear-gradient(90deg,rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px),linear-gradient(rgb(var(--retro-border-rgb)/var(--retro-grid-alpha)) 1px,transparent 1px);background-size:100% 4px,44px 44px,44px 44px}[data-ui=brutalism]{min-height:100vh}.brutal-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.brutal-container{width:min(100% - 2rem,1200px);margin-inline:auto}.brutal-stack{gap:var(--brutal-space-4);flex-direction:column;display:flex}.brutal-cluster{align-items:center;gap:var(--brutal-space-3);flex-wrap:wrap;display:flex}.brutal-grid{gap:var(--brutal-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.brutal-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=cyberpunk]{min-height:100vh}.cyber-page{min-height:100vh;padding:clamp(1rem,4vw,3rem);position:relative;overflow:hidden}.cyber-page:before{content:"";pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:fixed;inset:0}.cyber-container{width:min(100% - 2rem,1200px);margin-inline:auto}.cyber-stack{gap:var(--cyber-space-4);flex-direction:column;display:flex}.cyber-cluster{align-items:center;gap:var(--cyber-space-3);flex-wrap:wrap;display:flex}.cyber-grid{gap:var(--cyber-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.cyber-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=y2k]{min-height:100vh}.y2k-page{background-image:radial-gradient(rgb(var(--y2k-border-rgb)/var(--y2k-grid-alpha)) 1px,transparent 1px);background-size:22px 22px;min-height:100vh;padding:clamp(1rem,4vw,3rem)}.y2k-container{width:min(100% - 2rem,1200px);margin-inline:auto}.y2k-stack{gap:var(--y2k-space-4);flex-direction:column;display:flex}.y2k-cluster{align-items:center;gap:var(--y2k-space-3);flex-wrap:wrap;display:flex}.y2k-grid{gap:var(--y2k-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.y2k-section{padding:clamp(1.25rem,4vw,2.5rem)}[data-ui=retro-glass]{min-height:100vh}.rg-page{min-height:100vh;padding:clamp(1rem,4vw,3rem)}.rg-container{width:min(100% - 2rem,1200px);margin-inline:auto}.rg-stack{gap:var(--rg-space-4);flex-direction:column;display:flex}.rg-cluster{align-items:center;gap:var(--rg-space-3);flex-wrap:wrap;display:flex}.rg-grid{gap:var(--rg-space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.rg-section{padding:clamp(1.25rem,4vw,2.5rem)}}:where([data-ui][data-theme][data-mode]) .interactive-surface{--interactive-surface-border-width:1px;--interactive-surface-bg:rgb(var(--usk-surface-strong-rgb,var(--usk-surface-rgb,255 255 255)));--interactive-surface-fg:rgb(var(--usk-text-rgb));--interactive-surface-border-color:rgb(var(--usk-border-rgb,128 128 128) / .72);--interactive-surface-focus-ring-color:rgb(var(--usk-focus-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-radius:.85rem;--interactive-surface-state-layer-color:currentColor;--interactive-surface-state-layer-opacity:0;--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18;--interactive-surface-light-icon-color:rgb(var(--usk-warning-rgb,var(--usk-accent-rgb,255 190 72)));--interactive-surface-dark-icon-color:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-accessibility-icon-color:var(--interactive-surface-focus-ring-color);--interactive-surface-light-icon-color-dark:var(--interactive-surface-light-icon-color);--interactive-surface-dark-icon-color-dark:var(--interactive-surface-dark-icon-color);--interactive-surface-accessibility-icon-color-dark:var(--interactive-surface-accessibility-icon-color);--interactive-surface-variant-primary-bg:rgb(var(--usk-primary-rgb));--interactive-surface-variant-primary-fg:rgb(var(--usk-primary-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-primary-border-color:rgb(var(--usk-primary-rgb,72 120 255));--interactive-surface-variant-secondary-bg:rgb(var(--usk-secondary-rgb,var(--usk-surface-soft-rgb,96 112 128)));--interactive-surface-variant-secondary-fg:rgb(var(--usk-secondary-text-rgb,var(--usk-text-rgb,18 18 18)));--interactive-surface-variant-secondary-border-color:rgb(var(--usk-secondary-rgb,96 112 128));--interactive-surface-variant-accent-bg:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-accent-fg:rgb(var(--usk-accent-text-rgb,var(--usk-bg-rgb,255 255 255)));--interactive-surface-variant-accent-border-color:rgb(var(--usk-accent-rgb,var(--usk-primary-rgb,72 120 255)));--interactive-surface-variant-subtle-bg:rgb(var(--usk-surface-soft-rgb,var(--usk-surface-rgb,244 244 244)));--interactive-surface-variant-subtle-fg:rgb(var(--usk-text-rgb,18 18 18));--interactive-surface-variant-subtle-border-color:rgb(var(--usk-border-rgb,128 128 128) / .64);--interactive-surface-variant-warning-bg:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-warning-fg:rgb(var(--usk-warning-text-rgb,var(--usk-bg-rgb,18 18 18)));--interactive-surface-variant-warning-border-color:rgb(var(--usk-warning-rgb,255 190 72));--interactive-surface-variant-danger-bg:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-variant-danger-fg:rgb(var(--usk-danger-text-rgb,255 255 255));--interactive-surface-variant-danger-border-color:rgb(var(--usk-danger-rgb,210 72 72));--interactive-surface-level-1-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-level-1-border-color:var(--interactive-surface-variant-subtle-border-color);--interactive-surface-level-1-shadow:0 1px 2px rgb(var(--usk-bg-rgb,0 0 0) / .18);--interactive-surface-level-2-bg:var(--interactive-surface-bg);--interactive-surface-level-2-border-color:var(--interactive-surface-border-color);--interactive-surface-level-2-shadow:0 8px 20px rgb(var(--usk-bg-rgb,0 0 0) / .22);--interactive-surface-level-3-bg:color-mix(in srgb, var(--interactive-surface-bg) 82%, var(--interactive-surface-variant-primary-bg));--interactive-surface-level-3-border-color:color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 72%, var(--interactive-surface-border-color));--interactive-surface-level-3-shadow:0 14px 34px rgb(var(--usk-bg-rgb,0 0 0) / .3), 0 0 0 1px color-mix(in srgb, var(--interactive-surface-variant-primary-border-color) 34%, transparent);--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);isolation:isolate;background-color:var(--interactive-surface-level-bg,var(--interactive-surface-bg));color:var(--interactive-surface-fg);border-width:var(--interactive-surface-border-width);border-style:solid;border-color:var(--interactive-surface-level-border-color,var(--interactive-surface-border-color));border-radius:var(--interactive-surface-radius);box-shadow:var(--interactive-surface-level-shadow,none);transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s;position:relative}:where([data-ui][data-theme][data-mode]) .interactive-surface:before{border-radius:inherit;background:var(--interactive-surface-state-layer-color);opacity:var(--interactive-surface-state-layer-opacity);pointer-events:none;content:"";transition:opacity .16s;position:absolute;inset:0}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):hover{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-hover);transform:translateY(-1px)}:where([data-ui][data-theme][data-mode]) .interactive-surface:not([disabled]):not([aria-disabled=true]):active,:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-pressed=true],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-current=page],:where([data-ui][data-theme][data-mode]) .interactive-surface.is-active{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-active);transform:translateY(0)}:where([data-ui][data-theme][data-mode]) .interactive-surface:focus-visible{--interactive-surface-state-layer-opacity:var(--interactive-surface-state-layer-opacity-focus);outline:2px solid var(--interactive-surface-focus-ring-color);outline-offset:3px}:where([data-ui][data-theme][data-mode]) .interactive-surface[disabled],:where([data-ui][data-theme][data-mode]) .interactive-surface[aria-disabled=true]{opacity:.56;cursor:not-allowed}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=primary]{--interactive-surface-bg:var(--interactive-surface-variant-primary-bg);--interactive-surface-fg:var(--interactive-surface-variant-primary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-primary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=secondary]{--interactive-surface-bg:var(--interactive-surface-variant-secondary-bg);--interactive-surface-fg:var(--interactive-surface-variant-secondary-fg);--interactive-surface-border-color:var(--interactive-surface-variant-secondary-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=accent]{--interactive-surface-bg:var(--interactive-surface-variant-accent-bg);--interactive-surface-fg:var(--interactive-surface-variant-accent-fg);--interactive-surface-border-color:var(--interactive-surface-variant-accent-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=subtle]{--interactive-surface-bg:var(--interactive-surface-variant-subtle-bg);--interactive-surface-fg:var(--interactive-surface-variant-subtle-fg);--interactive-surface-border-color:var(--interactive-surface-variant-subtle-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=warning]{--interactive-surface-bg:var(--interactive-surface-variant-warning-bg);--interactive-surface-fg:var(--interactive-surface-variant-warning-fg);--interactive-surface-border-color:var(--interactive-surface-variant-warning-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-variant=danger]{--interactive-surface-bg:var(--interactive-surface-variant-danger-bg);--interactive-surface-fg:var(--interactive-surface-variant-danger-fg);--interactive-surface-border-color:var(--interactive-surface-variant-danger-border-color)}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="1"]{--interactive-surface-level-bg:var(--interactive-surface-level-1-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-1-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-1-shadow);--interactive-surface-state-layer-opacity-hover:.08;--interactive-surface-state-layer-opacity-active:.14;--interactive-surface-state-layer-opacity-focus:.18}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="2"]{--interactive-surface-level-bg:var(--interactive-surface-level-2-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-2-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-2-shadow);--interactive-surface-state-layer-opacity-hover:.11;--interactive-surface-state-layer-opacity-active:.18;--interactive-surface-state-layer-opacity-focus:.22}:where([data-ui][data-theme][data-mode]) .interactive-surface[data-surface-level="3"]{--interactive-surface-level-bg:var(--interactive-surface-level-3-bg);--interactive-surface-level-border-color:var(--interactive-surface-level-3-border-color);--interactive-surface-level-shadow:var(--interactive-surface-level-3-shadow);--interactive-surface-state-layer-opacity-hover:.14;--interactive-surface-state-layer-opacity-active:.24;--interactive-surface-state-layer-opacity-focus:.28} \ No newline at end of file diff --git a/dist/visual/bauhaus.css b/dist/visual/bauhaus.css index eab6201..769f111 100644 --- a/dist/visual/bauhaus.css +++ b/dist/visual/bauhaus.css @@ -2215,7 +2215,7 @@ background-size: var(--bau-theme-bg-size); } - .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button { + .bau-title, .bau-heading, .bau-kicker, .bau-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link { font-family: var(--bau-font-heading); } @@ -2262,7 +2262,7 @@ height: 2px; } - .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card { + .bau-surface, .bau-card, .bau-panel, .bau-toolbar, .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-card, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap { background: linear-gradient(90deg,rgb(var(--bau-primary-rgb)/.1)0 .5rem,transparent .5rem),var(--bau-surface); color: var(--bau-text); border: 2px solid var(--bau-border); @@ -2276,7 +2276,7 @@ padding: var(--bau-space-6); } - .bau-toolbar { + .bau-toolbar, :where([data-ui="bauhaus"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--bau-space-4); @@ -2393,11 +2393,11 @@ background: var(--bau-card-bg); } - .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { + .bau-toolbar, .bau-table-wrap, .bau-button:not(.bau-button-primary):not(.bau-button-secondary):not(.bau-button-danger):not(.bau-button-ghost), .bau-icon-button, :where([data-ui="bauhaus"]) .ui-toolbar, :where([data-ui="bauhaus"]) .ui-table-wrap, :where([data-ui="bauhaus"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bauhaus"]) .ui-icon-button { background: var(--bau-control-bg); } - .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button { + .bau-button, .bau-icon-button, .bau-badge, .bau-nav-link, :where([data-ui="bauhaus"]) .ui-button, :where([data-ui="bauhaus"]) .ui-icon-button, :where([data-ui="bauhaus"]) .ui-badge, :where([data-ui="bauhaus"]) .ui-nav-link { font-family: var(--bau-font-control); } @@ -2551,7 +2551,7 @@ left: calc(100% - 1.56rem); } - .bau-badge { + .bau-badge, :where([data-ui="bauhaus"]) .ui-badge { align-items: center; gap: var(--bau-space-1); background: var(--bau-surface-soft); @@ -2566,37 +2566,37 @@ display: inline-flex; } - .bau-badge-primary { + .bau-badge-primary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--bau-primary); color: var(--bau-on-primary); border-color: var(--bau-primary); } - .bau-badge-secondary { + .bau-badge-secondary, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--bau-secondary); color: var(--bau-on-secondary); border-color: var(--bau-secondary); } - .bau-badge-success { + .bau-badge-success, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--bau-success); color: var(--bau-on-success); border-color: var(--bau-success); } - .bau-badge-warning { + .bau-badge-warning, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--bau-warning); color: var(--bau-on-warning); border-color: var(--bau-warning); } - .bau-badge-danger { + .bau-badge-danger, :where([data-ui="bauhaus"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--bau-danger); color: var(--bau-on-danger); border-color: var(--bau-danger); } - .bau-nav { + .bau-nav, :where([data-ui="bauhaus"]) .ui-nav { align-items: center; gap: var(--bau-space-2); padding: var(--bau-space-2); @@ -2608,7 +2608,7 @@ display: flex; } - .bau-nav-link { + .bau-nav-link, :where([data-ui="bauhaus"]) .ui-nav-link { min-height: 2.5rem; color: var(--bau-text-muted); border-radius: var(--bau-radius-pill); @@ -2621,12 +2621,12 @@ display: inline-flex; } - .bau-nav-link:hover { + .bau-nav-link:hover, :where([data-ui="bauhaus"]) .ui-nav-link:hover { color: var(--bau-text); background: var(--bau-surface-soft); } - .bau-nav-link[aria-current="page"], .bau-nav-link.is-active { + .bau-nav-link[aria-current="page"], .bau-nav-link.is-active, :where([data-ui="bauhaus"]) .ui-nav-link[aria-current="page"], :where([data-ui="bauhaus"]) .ui-nav-link.is-active { color: var(--bau-on-primary); background: var(--bau-primary); } @@ -2657,7 +2657,7 @@ transform: rotate(45deg); } - .bau-progress { + .bau-progress, :where([data-ui="bauhaus"]) .ui-progress { background: var(--bau-surface-soft); border: 2px solid var(--bau-border); border-radius: var(--bau-radius-pill); @@ -2666,14 +2666,14 @@ overflow: hidden; } - .bau-progress-bar { + .bau-progress-bar, :where([data-ui="bauhaus"]) .ui-progress-bar { height: 100%; width: var(--bau-progress-value, 50%); background: linear-gradient(90deg,var(--bau-primary),var(--bau-accent)); border-radius: inherit; } - .bau-alert { + .bau-alert, :where([data-ui="bauhaus"]) .ui-alert { gap: var(--bau-space-2); padding: var(--bau-space-4); background: var(--bau-surface); @@ -2684,45 +2684,45 @@ display: grid; } - .bau-alert-success { + .bau-alert-success, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--bau-success); } - .bau-alert-warning { + .bau-alert-warning, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--bau-warning); } - .bau-alert-danger { + .bau-alert-danger, :where([data-ui="bauhaus"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--bau-danger); } - .bau-alert-title { + .bau-alert-title, :where([data-ui="bauhaus"]) .ui-alert-title { margin: 0; font-weight: 900; } - .bau-alert-body { + .bau-alert-body, :where([data-ui="bauhaus"]) .ui-alert-body { color: var(--bau-text-muted); margin: 0; line-height: 1.55; } - .bau-table-wrap { + .bau-table-wrap, :where([data-ui="bauhaus"]) .ui-table-wrap { overflow: auto; } - .bau-table { + .bau-table, :where([data-ui="bauhaus"]) .ui-table { border-collapse: collapse; width: 100%; } - .bau-table th, .bau-table td { + .bau-table th, .bau-table td, :where([data-ui="bauhaus"]) .ui-table th, :where([data-ui="bauhaus"]) .ui-table td { text-align: left; border-bottom: 2px solid var(--bau-border); padding: .95rem 1rem; } - .bau-table th { + .bau-table th, :where([data-ui="bauhaus"]) .ui-table th { color: var(--bau-text); text-transform: uppercase; letter-spacing: .08em; @@ -2731,11 +2731,11 @@ font-weight: 900; } - .bau-table td { + .bau-table td, :where([data-ui="bauhaus"]) .ui-table td { color: var(--bau-text-muted); } - .bau-table tr:hover td { + .bau-table tr:hover td, :where([data-ui="bauhaus"]) .ui-table tr:hover td { background: rgb(var(--bau-primary-rgb)/.045); } diff --git a/dist/visual/bento.css b/dist/visual/bento.css index db471b4..30d41ee 100644 --- a/dist/visual/bento.css +++ b/dist/visual/bento.css @@ -2214,7 +2214,7 @@ background-size: var(--bento-theme-bg-size); } - .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button { + .bento-title, .bento-heading, .bento-kicker, .bento-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link { font-family: var(--bento-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card { + .bento-surface, .bento-card, .bento-panel, .bento-toolbar, .bento-table-wrap, :where([data-ui="bento"]) .ui-card, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--bento-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--bento-surface); color: var(--bento-text); border: 1px solid var(--bento-border); @@ -2274,7 +2274,7 @@ padding: var(--bento-space-6); } - .bento-toolbar { + .bento-toolbar, :where([data-ui="bento"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--bento-space-4); @@ -2391,11 +2391,11 @@ background: var(--bento-card-bg); } - .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { + .bento-toolbar, .bento-table-wrap, .bento-button:not(.bento-button-primary):not(.bento-button-secondary):not(.bento-button-danger):not(.bento-button-ghost), .bento-icon-button, :where([data-ui="bento"]) .ui-toolbar, :where([data-ui="bento"]) .ui-table-wrap, :where([data-ui="bento"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="bento"]) .ui-icon-button { background: var(--bento-control-bg); } - .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button { + .bento-button, .bento-icon-button, .bento-badge, .bento-nav-link, :where([data-ui="bento"]) .ui-button, :where([data-ui="bento"]) .ui-icon-button, :where([data-ui="bento"]) .ui-badge, :where([data-ui="bento"]) .ui-nav-link { font-family: var(--bento-font-control); } @@ -2549,7 +2549,7 @@ left: calc(100% - 1.56rem); } - .bento-badge { + .bento-badge, :where([data-ui="bento"]) .ui-badge { align-items: center; gap: var(--bento-space-1); background: var(--bento-surface-soft); @@ -2564,37 +2564,37 @@ display: inline-flex; } - .bento-badge-primary { + .bento-badge-primary, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--bento-primary); color: var(--bento-on-primary); border-color: var(--bento-primary); } - .bento-badge-secondary { + .bento-badge-secondary, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--bento-secondary); color: var(--bento-on-secondary); border-color: var(--bento-secondary); } - .bento-badge-success { + .bento-badge-success, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--bento-success); color: var(--bento-on-success); border-color: var(--bento-success); } - .bento-badge-warning { + .bento-badge-warning, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--bento-warning); color: var(--bento-on-warning); border-color: var(--bento-warning); } - .bento-badge-danger { + .bento-badge-danger, :where([data-ui="bento"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--bento-danger); color: var(--bento-on-danger); border-color: var(--bento-danger); } - .bento-nav { + .bento-nav, :where([data-ui="bento"]) .ui-nav { align-items: center; gap: var(--bento-space-2); padding: var(--bento-space-2); @@ -2606,7 +2606,7 @@ display: flex; } - .bento-nav-link { + .bento-nav-link, :where([data-ui="bento"]) .ui-nav-link { min-height: 2.5rem; color: var(--bento-text-muted); border-radius: var(--bento-radius-pill); @@ -2619,12 +2619,12 @@ display: inline-flex; } - .bento-nav-link:hover { + .bento-nav-link:hover, :where([data-ui="bento"]) .ui-nav-link:hover { color: var(--bento-text); background: var(--bento-surface-soft); } - .bento-nav-link[aria-current="page"], .bento-nav-link.is-active { + .bento-nav-link[aria-current="page"], .bento-nav-link.is-active, :where([data-ui="bento"]) .ui-nav-link[aria-current="page"], :where([data-ui="bento"]) .ui-nav-link.is-active { color: var(--bento-on-primary); background: var(--bento-primary); } @@ -2654,7 +2654,7 @@ transform: rotate(45deg); } - .bento-progress { + .bento-progress, :where([data-ui="bento"]) .ui-progress { background: var(--bento-surface-soft); border: 1px solid var(--bento-border); border-radius: var(--bento-radius-pill); @@ -2663,14 +2663,14 @@ overflow: hidden; } - .bento-progress-bar { + .bento-progress-bar, :where([data-ui="bento"]) .ui-progress-bar { height: 100%; width: var(--bento-progress-value, 50%); background: linear-gradient(90deg,var(--bento-primary),var(--bento-accent)); border-radius: inherit; } - .bento-alert { + .bento-alert, :where([data-ui="bento"]) .ui-alert { gap: var(--bento-space-2); padding: var(--bento-space-4); background: var(--bento-surface); @@ -2681,45 +2681,45 @@ display: grid; } - .bento-alert-success { + .bento-alert-success, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--bento-success); } - .bento-alert-warning { + .bento-alert-warning, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--bento-warning); } - .bento-alert-danger { + .bento-alert-danger, :where([data-ui="bento"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--bento-danger); } - .bento-alert-title { + .bento-alert-title, :where([data-ui="bento"]) .ui-alert-title { margin: 0; font-weight: 900; } - .bento-alert-body { + .bento-alert-body, :where([data-ui="bento"]) .ui-alert-body { color: var(--bento-text-muted); margin: 0; line-height: 1.55; } - .bento-table-wrap { + .bento-table-wrap, :where([data-ui="bento"]) .ui-table-wrap { overflow: auto; } - .bento-table { + .bento-table, :where([data-ui="bento"]) .ui-table { border-collapse: collapse; width: 100%; } - .bento-table th, .bento-table td { + .bento-table th, .bento-table td, :where([data-ui="bento"]) .ui-table th, :where([data-ui="bento"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--bento-border); padding: .95rem 1rem; } - .bento-table th { + .bento-table th, :where([data-ui="bento"]) .ui-table th { color: var(--bento-text); text-transform: uppercase; letter-spacing: .08em; @@ -2728,11 +2728,11 @@ font-weight: 900; } - .bento-table td { + .bento-table td, :where([data-ui="bento"]) .ui-table td { color: var(--bento-text-muted); } - .bento-table tr:hover td { + .bento-table tr:hover td, :where([data-ui="bento"]) .ui-table tr:hover td { background: rgb(var(--bento-primary-rgb)/.045); } diff --git a/dist/visual/brutalism.css b/dist/visual/brutalism.css index 9abaff7..e7065fc 100644 --- a/dist/visual/brutalism.css +++ b/dist/visual/brutalism.css @@ -2282,7 +2282,7 @@ } } - .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button { + .brutal-title, .brutal-heading, .brutal-kicker, .brutal-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-badge, :where([data-ui="brutalism"]) .ui-nav-link { font-family: var(--brutal-font-heading); text-transform: uppercase; } @@ -2321,7 +2321,7 @@ color: var(--brutal-text-muted); } - .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card { + .brutal-card, .brutal-panel, .brutal-surface, .brutal-toolbar, .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-card, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap { background: var(--brutal-surface-strong); color: var(--brutal-text); border: 3px solid var(--brutal-border); @@ -2334,7 +2334,7 @@ padding: var(--brutal-space-6); } - .brutal-toolbar { + .brutal-toolbar, :where([data-ui="brutalism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--brutal-space-4); @@ -2437,11 +2437,11 @@ background: var(--brutal-card-bg); } - .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { + .brutal-toolbar, .brutal-table-wrap, .brutal-button:not(.brutal-button-primary):not(.brutal-button-secondary):not(.brutal-button-danger):not(.brutal-button-ghost), .brutal-icon-button, :where([data-ui="brutalism"]) .ui-toolbar, :where([data-ui="brutalism"]) .ui-table-wrap, :where([data-ui="brutalism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="brutalism"]) .ui-icon-button { background: var(--brutal-control-bg); } - .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button { + .brutal-button, .brutal-icon-button, .brutal-badge, .brutal-nav-link, :where([data-ui="brutalism"]) .ui-button, :where([data-ui="brutalism"]) .ui-icon-button, :where([data-ui="brutalism"]) .ui-badge, :where([data-ui="brutalism"]) .ui-nav-link { font-family: var(--brutal-font-control); } @@ -2485,7 +2485,7 @@ font-size: .9rem; } - .brutal-badge { + .brutal-badge, :where([data-ui="brutalism"]) .ui-badge { background: var(--brutal-surface-strong); min-height: 1.8rem; color: var(--brutal-text); @@ -2498,32 +2498,32 @@ display: inline-flex; } - .brutal-badge-primary { + .brutal-badge-primary, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--brutal-primary); color: var(--brutal-on-primary); } - .brutal-badge-secondary { + .brutal-badge-secondary, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--brutal-secondary); color: var(--brutal-on-secondary); } - .brutal-badge-success { + .brutal-badge-success, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--brutal-success); color: var(--brutal-on-success); } - .brutal-badge-warning { + .brutal-badge-warning, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--brutal-warning); color: var(--brutal-on-warning); } - .brutal-badge-danger { + .brutal-badge-danger, :where([data-ui="brutalism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--brutal-danger); color: var(--brutal-on-danger); } - .brutal-nav { + .brutal-nav, :where([data-ui="brutalism"]) .ui-nav { gap: var(--brutal-space-2); padding: var(--brutal-space-2); background: var(--brutal-surface-strong); @@ -2533,7 +2533,7 @@ display: flex; } - .brutal-nav-link { + .brutal-nav-link, :where([data-ui="brutalism"]) .ui-nav-link { min-height: 2.5rem; color: var(--brutal-text); border: 3px solid #0000; @@ -2544,12 +2544,12 @@ display: inline-flex; } - .brutal-nav-link:hover { + .brutal-nav-link:hover, :where([data-ui="brutalism"]) .ui-nav-link:hover { border-color: var(--brutal-border); background: var(--brutal-surface-soft); } - .brutal-nav-link.is-active, .brutal-nav-link[aria-current="page"] { + .brutal-nav-link.is-active, .brutal-nav-link[aria-current="page"], :where([data-ui="brutalism"]) .ui-nav-link.is-active, :where([data-ui="brutalism"]) .ui-nav-link[aria-current="page"] { background: var(--brutal-primary); color: var(--brutal-on-primary); border-color: var(--brutal-border); @@ -2582,66 +2582,66 @@ transform: rotate(45deg); } - .brutal-progress { + .brutal-progress, :where([data-ui="brutalism"]) .ui-progress { background: var(--brutal-surface-soft); border: 3px solid var(--brutal-border); width: 100%; height: 1rem; } - .brutal-progress-bar { + .brutal-progress-bar, :where([data-ui="brutalism"]) .ui-progress-bar { height: 100%; width: var(--brutal-progress-value, 50%); background: var(--brutal-primary); } - .brutal-alert { + .brutal-alert, :where([data-ui="brutalism"]) .ui-alert { padding: var(--brutal-space-4); background: var(--brutal-surface-strong); border: 3px solid var(--brutal-border); box-shadow: 8px 8px 0 var(--brutal-accent); } - .brutal-alert-success { + .brutal-alert-success, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="success"]) { box-shadow: 8px 8px 0 var(--brutal-success); } - .brutal-alert-warning { + .brutal-alert-warning, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="warning"]) { box-shadow: 8px 8px 0 var(--brutal-warning); } - .brutal-alert-danger { + .brutal-alert-danger, :where([data-ui="brutalism"]) .ui-alert:where([data-ui-variant="danger"]) { box-shadow: 8px 8px 0 var(--brutal-danger); } - .brutal-alert-title { + .brutal-alert-title, :where([data-ui="brutalism"]) .ui-alert-title { text-transform: uppercase; margin: 0; font-weight: 900; } - .brutal-alert-body { + .brutal-alert-body, :where([data-ui="brutalism"]) .ui-alert-body { color: var(--brutal-text-muted); margin: .5rem 0 0; } - .brutal-table-wrap { + .brutal-table-wrap, :where([data-ui="brutalism"]) .ui-table-wrap { box-shadow: 8px 8px 0 var(--brutal-primary); overflow: auto; } - .brutal-table { + .brutal-table, :where([data-ui="brutalism"]) .ui-table { border-collapse: collapse; width: 100%; } - .brutal-table th, .brutal-table td { + .brutal-table th, .brutal-table td, :where([data-ui="brutalism"]) .ui-table th, :where([data-ui="brutalism"]) .ui-table td { border: 2px solid var(--brutal-border); text-align: left; padding: .9rem 1rem; } - .brutal-table th { + .brutal-table th, :where([data-ui="brutalism"]) .ui-table th { background: var(--brutal-primary); color: var(--brutal-on-primary); text-transform: uppercase; diff --git a/dist/visual/cyberpunk.css b/dist/visual/cyberpunk.css index 7de171e..15900ba 100644 --- a/dist/visual/cyberpunk.css +++ b/dist/visual/cyberpunk.css @@ -2234,7 +2234,7 @@ color: var(--cyber-on-primary); } - .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button { + .cyber-title, .cyber-heading, .cyber-kicker, .cyber-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link { font-family: var(--cyber-font-heading); text-transform: uppercase; } @@ -2272,7 +2272,7 @@ color: var(--cyber-text-muted); } - .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card { + .cyber-card, .cyber-panel, .cyber-console, .cyber-toolbar, .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-card, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap { background: linear-gradient(135deg,#ffffff14,#ffffff05),var(--cyber-surface); color: var(--cyber-text); border: 1px solid var(--cyber-border); @@ -2284,7 +2284,7 @@ overflow: hidden; } - .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before { + .cyber-card:before, .cyber-panel:before, .cyber-console:before, .cyber-toolbar:before, :where([data-ui="cyberpunk"]) .ui-card:before, :where([data-ui="cyberpunk"]) .ui-toolbar:before { content: ""; pointer-events: none; border-top: 2px solid rgb(var(--cyber-primary-rgb)/.5); @@ -2301,7 +2301,7 @@ background: linear-gradient(180deg,rgb(var(--cyber-primary-rgb)/.08),transparent),var(--cyber-surface-strong); } - .cyber-toolbar { + .cyber-toolbar, :where([data-ui="cyberpunk"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--cyber-space-4); @@ -2431,7 +2431,7 @@ font-size: .9rem; } - .cyber-badge { + .cyber-badge, :where([data-ui="cyberpunk"]) .ui-badge { background: var(--cyber-surface); min-height: 1.8rem; color: var(--cyber-text); @@ -2446,32 +2446,32 @@ display: inline-flex; } - .cyber-badge-primary { + .cyber-badge-primary, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--cyber-primary); color: var(--cyber-on-primary); } - .cyber-badge-secondary { + .cyber-badge-secondary, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--cyber-secondary); color: var(--cyber-on-secondary); } - .cyber-badge-success { + .cyber-badge-success, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--cyber-success); color: var(--cyber-on-success); } - .cyber-badge-warning { + .cyber-badge-warning, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--cyber-warning); color: var(--cyber-on-warning); } - .cyber-badge-danger { + .cyber-badge-danger, :where([data-ui="cyberpunk"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--cyber-danger); color: var(--cyber-on-danger); } - .cyber-nav { + .cyber-nav, :where([data-ui="cyberpunk"]) .ui-nav { gap: var(--cyber-space-2); padding: var(--cyber-space-2); background: var(--cyber-surface); @@ -2482,7 +2482,7 @@ display: flex; } - .cyber-nav-link { + .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-nav-link { min-height: 2.5rem; color: var(--cyber-text-muted); border-radius: var(--cyber-radius-xs); @@ -2495,12 +2495,12 @@ display: inline-flex; } - .cyber-nav-link:hover { + .cyber-nav-link:hover, :where([data-ui="cyberpunk"]) .ui-nav-link:hover { color: var(--cyber-text); border-color: rgb(var(--cyber-primary-rgb)/.48); } - .cyber-nav-link.is-active, .cyber-nav-link[aria-current="page"] { + .cyber-nav-link.is-active, .cyber-nav-link[aria-current="page"], :where([data-ui="cyberpunk"]) .ui-nav-link.is-active, :where([data-ui="cyberpunk"]) .ui-nav-link[aria-current="page"] { background: var(--cyber-primary); color: var(--cyber-on-primary); border-color: var(--cyber-primary); @@ -2535,7 +2535,7 @@ flex: none; } - .cyber-progress { + .cyber-progress, :where([data-ui="cyberpunk"]) .ui-progress { background: var(--cyber-surface-soft); border: 1px solid var(--cyber-border); width: 100%; @@ -2543,14 +2543,14 @@ box-shadow: inset 0 0 18px #0000002e; } - .cyber-progress-bar { + .cyber-progress-bar, :where([data-ui="cyberpunk"]) .ui-progress-bar { height: 100%; width: var(--cyber-progress-value, 50%); background: linear-gradient(90deg,var(--cyber-primary),var(--cyber-accent)); box-shadow: 0 0 18px var(--cyber-glow-primary); } - .cyber-alert { + .cyber-alert, :where([data-ui="cyberpunk"]) .ui-alert { padding: var(--cyber-space-4); background: var(--cyber-surface); border: 1px solid var(--cyber-border); @@ -2558,56 +2558,56 @@ box-shadow: var(--cyber-shadow-md),0 0 22px var(--cyber-glow-primary); } - .cyber-alert-success { + .cyber-alert-success, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--cyber-success); } - .cyber-alert-warning { + .cyber-alert-warning, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--cyber-warning); } - .cyber-alert-danger { + .cyber-alert-danger, :where([data-ui="cyberpunk"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--cyber-danger); } - .cyber-alert-title { + .cyber-alert-title, :where([data-ui="cyberpunk"]) .ui-alert-title { font-family: var(--cyber-font-heading); text-transform: uppercase; margin: 0; } - .cyber-alert-body { + .cyber-alert-body, :where([data-ui="cyberpunk"]) .ui-alert-body { color: var(--cyber-text-muted); margin: .5rem 0 0; } - .cyber-table-wrap { + .cyber-table-wrap, :where([data-ui="cyberpunk"]) .ui-table-wrap { overflow: auto; } - .cyber-table { + .cyber-table, :where([data-ui="cyberpunk"]) .ui-table { border-collapse: collapse; width: 100%; } - .cyber-table th, .cyber-table td { + .cyber-table th, .cyber-table td, :where([data-ui="cyberpunk"]) .ui-table th, :where([data-ui="cyberpunk"]) .ui-table td { border-bottom: 1px solid rgb(var(--cyber-border-rgb)/.38); text-align: left; padding: .9rem 1rem; } - .cyber-table th { + .cyber-table th, :where([data-ui="cyberpunk"]) .ui-table th { background: rgb(var(--cyber-primary-rgb)/.12); font-family: var(--cyber-font-heading); text-transform: uppercase; letter-spacing: .1em; } - .cyber-table td { + .cyber-table td, :where([data-ui="cyberpunk"]) .ui-table td { color: var(--cyber-text-muted); } - .cyber-table tr:hover td { + .cyber-table tr:hover td, :where([data-ui="cyberpunk"]) .ui-table tr:hover td { background: rgb(var(--cyber-primary-rgb)/.06); } @@ -2640,7 +2640,7 @@ outline-offset: 3px; } - .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible { + .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible, :where([data-ui="cyberpunk"]) .ui-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-icon-button:focus-visible, :where([data-ui="cyberpunk"]) .ui-input:focus-visible, :where([data-ui="cyberpunk"]) .ui-nav-link:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb)/.28),0 0 28px rgb(var(--cyber-focus-rgb)/.28); } @@ -2655,11 +2655,11 @@ background: var(--cyber-card-bg); } - .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { + .cyber-toolbar, .cyber-table-wrap, .cyber-button:not(.cyber-button-primary):not(.cyber-button-secondary):not(.cyber-button-danger):not(.cyber-button-ghost), .cyber-icon-button, :where([data-ui="cyberpunk"]) .ui-toolbar, :where([data-ui="cyberpunk"]) .ui-table-wrap, :where([data-ui="cyberpunk"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="cyberpunk"]) .ui-icon-button { background: var(--cyber-control-bg); } - .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button { + .cyber-button, .cyber-icon-button, .cyber-badge, .cyber-nav-link, :where([data-ui="cyberpunk"]) .ui-button, :where([data-ui="cyberpunk"]) .ui-icon-button, :where([data-ui="cyberpunk"]) .ui-badge, :where([data-ui="cyberpunk"]) .ui-nav-link { font-family: var(--cyber-font-control); } diff --git a/dist/visual/maximalist.css b/dist/visual/maximalist.css index debc9bf..2383dd3 100644 --- a/dist/visual/maximalist.css +++ b/dist/visual/maximalist.css @@ -2214,7 +2214,7 @@ background-size: var(--max-theme-bg-size); } - .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button { + .max-title, .max-heading, .max-kicker, .max-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link { font-family: var(--max-font-heading); } @@ -2261,7 +2261,7 @@ height: 3px; } - .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card { + .max-surface, .max-card, .max-panel, .max-toolbar, .max-table-wrap, :where([data-ui="maximalist"]) .ui-card, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--max-accent-rgb)/.18),transparent 42%),var(--max-surface); color: var(--max-text); border: 3px solid var(--max-border); @@ -2275,7 +2275,7 @@ padding: var(--max-space-6); } - .max-toolbar { + .max-toolbar, :where([data-ui="maximalist"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--max-space-4); @@ -2392,11 +2392,11 @@ background: var(--max-card-bg); } - .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { + .max-toolbar, .max-table-wrap, .max-button:not(.max-button-primary):not(.max-button-secondary):not(.max-button-danger):not(.max-button-ghost), .max-icon-button, :where([data-ui="maximalist"]) .ui-toolbar, :where([data-ui="maximalist"]) .ui-table-wrap, :where([data-ui="maximalist"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="maximalist"]) .ui-icon-button { background: var(--max-control-bg); } - .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button { + .max-button, .max-icon-button, .max-badge, .max-nav-link, :where([data-ui="maximalist"]) .ui-button, :where([data-ui="maximalist"]) .ui-icon-button, :where([data-ui="maximalist"]) .ui-badge, :where([data-ui="maximalist"]) .ui-nav-link { font-family: var(--max-font-control); } @@ -2550,7 +2550,7 @@ left: calc(100% - 1.56rem); } - .max-badge { + .max-badge, :where([data-ui="maximalist"]) .ui-badge { align-items: center; gap: var(--max-space-1); background: var(--max-surface-soft); @@ -2565,37 +2565,37 @@ display: inline-flex; } - .max-badge-primary { + .max-badge-primary, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--max-primary); color: var(--max-on-primary); border-color: var(--max-primary); } - .max-badge-secondary { + .max-badge-secondary, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--max-secondary); color: var(--max-on-secondary); border-color: var(--max-secondary); } - .max-badge-success { + .max-badge-success, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--max-success); color: var(--max-on-success); border-color: var(--max-success); } - .max-badge-warning { + .max-badge-warning, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--max-warning); color: var(--max-on-warning); border-color: var(--max-warning); } - .max-badge-danger { + .max-badge-danger, :where([data-ui="maximalist"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--max-danger); color: var(--max-on-danger); border-color: var(--max-danger); } - .max-nav { + .max-nav, :where([data-ui="maximalist"]) .ui-nav { align-items: center; gap: var(--max-space-2); padding: var(--max-space-2); @@ -2607,7 +2607,7 @@ display: flex; } - .max-nav-link { + .max-nav-link, :where([data-ui="maximalist"]) .ui-nav-link { min-height: 2.5rem; color: var(--max-text-muted); border-radius: var(--max-radius-pill); @@ -2620,12 +2620,12 @@ display: inline-flex; } - .max-nav-link:hover { + .max-nav-link:hover, :where([data-ui="maximalist"]) .ui-nav-link:hover { color: var(--max-text); background: var(--max-surface-soft); } - .max-nav-link[aria-current="page"], .max-nav-link.is-active { + .max-nav-link[aria-current="page"], .max-nav-link.is-active, :where([data-ui="maximalist"]) .ui-nav-link[aria-current="page"], :where([data-ui="maximalist"]) .ui-nav-link.is-active { color: var(--max-on-primary); background: var(--max-primary); } @@ -2657,7 +2657,7 @@ transform: rotate(45deg); } - .max-progress { + .max-progress, :where([data-ui="maximalist"]) .ui-progress { background: var(--max-surface-soft); border: 3px solid var(--max-border); border-radius: var(--max-radius-pill); @@ -2666,14 +2666,14 @@ overflow: hidden; } - .max-progress-bar { + .max-progress-bar, :where([data-ui="maximalist"]) .ui-progress-bar { height: 100%; width: var(--max-progress-value, 50%); background: linear-gradient(90deg,var(--max-primary),var(--max-accent)); border-radius: inherit; } - .max-alert { + .max-alert, :where([data-ui="maximalist"]) .ui-alert { gap: var(--max-space-2); padding: var(--max-space-4); background: var(--max-surface); @@ -2684,45 +2684,45 @@ display: grid; } - .max-alert-success { + .max-alert-success, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--max-success); } - .max-alert-warning { + .max-alert-warning, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--max-warning); } - .max-alert-danger { + .max-alert-danger, :where([data-ui="maximalist"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--max-danger); } - .max-alert-title { + .max-alert-title, :where([data-ui="maximalist"]) .ui-alert-title { margin: 0; font-weight: 900; } - .max-alert-body { + .max-alert-body, :where([data-ui="maximalist"]) .ui-alert-body { color: var(--max-text-muted); margin: 0; line-height: 1.55; } - .max-table-wrap { + .max-table-wrap, :where([data-ui="maximalist"]) .ui-table-wrap { overflow: auto; } - .max-table { + .max-table, :where([data-ui="maximalist"]) .ui-table { border-collapse: collapse; width: 100%; } - .max-table th, .max-table td { + .max-table th, .max-table td, :where([data-ui="maximalist"]) .ui-table th, :where([data-ui="maximalist"]) .ui-table td { text-align: left; border-bottom: 3px solid var(--max-border); padding: .95rem 1rem; } - .max-table th { + .max-table th, :where([data-ui="maximalist"]) .ui-table th { color: var(--max-text); text-transform: uppercase; letter-spacing: .08em; @@ -2731,11 +2731,11 @@ font-weight: 900; } - .max-table td { + .max-table td, :where([data-ui="maximalist"]) .ui-table td { color: var(--max-text-muted); } - .max-table tr:hover td { + .max-table tr:hover td, :where([data-ui="maximalist"]) .ui-table tr:hover td { background: rgb(var(--max-primary-rgb)/.045); } diff --git a/dist/visual/minimal-saas.css b/dist/visual/minimal-saas.css index a6bc773..4a58cee 100644 --- a/dist/visual/minimal-saas.css +++ b/dist/visual/minimal-saas.css @@ -2214,7 +2214,7 @@ background-size: var(--saas-theme-bg-size); } - .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button { + .saas-title, .saas-heading, .saas-kicker, .saas-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-badge, :where([data-ui="minimal-saas"]) .ui-nav-link { font-family: var(--saas-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card { + .saas-surface, .saas-card, .saas-panel, .saas-toolbar, .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-card, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff0d,#fff0),var(--saas-surface); color: var(--saas-text); border: 1px solid var(--saas-border); @@ -2274,7 +2274,7 @@ padding: var(--saas-space-6); } - .saas-toolbar { + .saas-toolbar, :where([data-ui="minimal-saas"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--saas-space-4); @@ -2391,11 +2391,11 @@ background: var(--saas-card-bg); } - .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { + .saas-toolbar, .saas-table-wrap, .saas-button:not(.saas-button-primary):not(.saas-button-secondary):not(.saas-button-danger):not(.saas-button-ghost), .saas-icon-button, :where([data-ui="minimal-saas"]) .ui-toolbar, :where([data-ui="minimal-saas"]) .ui-table-wrap, :where([data-ui="minimal-saas"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="minimal-saas"]) .ui-icon-button { background: var(--saas-control-bg); } - .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button { + .saas-button, .saas-icon-button, .saas-badge, .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-button, :where([data-ui="minimal-saas"]) .ui-icon-button, :where([data-ui="minimal-saas"]) .ui-badge, :where([data-ui="minimal-saas"]) .ui-nav-link { font-family: var(--saas-font-control); } @@ -2549,7 +2549,7 @@ left: calc(100% - 1.56rem); } - .saas-badge { + .saas-badge, :where([data-ui="minimal-saas"]) .ui-badge { align-items: center; gap: var(--saas-space-1); background: var(--saas-surface-soft); @@ -2564,37 +2564,37 @@ display: inline-flex; } - .saas-badge-primary { + .saas-badge-primary, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--saas-primary); color: var(--saas-on-primary); border-color: var(--saas-primary); } - .saas-badge-secondary { + .saas-badge-secondary, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--saas-secondary); color: var(--saas-on-secondary); border-color: var(--saas-secondary); } - .saas-badge-success { + .saas-badge-success, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--saas-success); color: var(--saas-on-success); border-color: var(--saas-success); } - .saas-badge-warning { + .saas-badge-warning, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--saas-warning); color: var(--saas-on-warning); border-color: var(--saas-warning); } - .saas-badge-danger { + .saas-badge-danger, :where([data-ui="minimal-saas"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--saas-danger); color: var(--saas-on-danger); border-color: var(--saas-danger); } - .saas-nav { + .saas-nav, :where([data-ui="minimal-saas"]) .ui-nav { align-items: center; gap: var(--saas-space-2); padding: var(--saas-space-2); @@ -2606,7 +2606,7 @@ display: flex; } - .saas-nav-link { + .saas-nav-link, :where([data-ui="minimal-saas"]) .ui-nav-link { min-height: 2.5rem; color: var(--saas-text-muted); border-radius: var(--saas-radius-pill); @@ -2619,12 +2619,12 @@ display: inline-flex; } - .saas-nav-link:hover { + .saas-nav-link:hover, :where([data-ui="minimal-saas"]) .ui-nav-link:hover { color: var(--saas-text); background: var(--saas-surface-soft); } - .saas-nav-link[aria-current="page"], .saas-nav-link.is-active { + .saas-nav-link[aria-current="page"], .saas-nav-link.is-active, :where([data-ui="minimal-saas"]) .ui-nav-link[aria-current="page"], :where([data-ui="minimal-saas"]) .ui-nav-link.is-active { color: var(--saas-on-primary); background: var(--saas-primary); } @@ -2655,7 +2655,7 @@ transform: rotate(45deg); } - .saas-progress { + .saas-progress, :where([data-ui="minimal-saas"]) .ui-progress { background: var(--saas-surface-soft); border: 1px solid var(--saas-border); border-radius: var(--saas-radius-pill); @@ -2664,14 +2664,14 @@ overflow: hidden; } - .saas-progress-bar { + .saas-progress-bar, :where([data-ui="minimal-saas"]) .ui-progress-bar { height: 100%; width: var(--saas-progress-value, 50%); background: linear-gradient(90deg,var(--saas-primary),var(--saas-accent)); border-radius: inherit; } - .saas-alert { + .saas-alert, :where([data-ui="minimal-saas"]) .ui-alert { gap: var(--saas-space-2); padding: var(--saas-space-4); background: var(--saas-surface); @@ -2682,45 +2682,45 @@ display: grid; } - .saas-alert-success { + .saas-alert-success, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--saas-success); } - .saas-alert-warning { + .saas-alert-warning, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--saas-warning); } - .saas-alert-danger { + .saas-alert-danger, :where([data-ui="minimal-saas"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--saas-danger); } - .saas-alert-title { + .saas-alert-title, :where([data-ui="minimal-saas"]) .ui-alert-title { margin: 0; font-weight: 900; } - .saas-alert-body { + .saas-alert-body, :where([data-ui="minimal-saas"]) .ui-alert-body { color: var(--saas-text-muted); margin: 0; line-height: 1.55; } - .saas-table-wrap { + .saas-table-wrap, :where([data-ui="minimal-saas"]) .ui-table-wrap { overflow: auto; } - .saas-table { + .saas-table, :where([data-ui="minimal-saas"]) .ui-table { border-collapse: collapse; width: 100%; } - .saas-table th, .saas-table td { + .saas-table th, .saas-table td, :where([data-ui="minimal-saas"]) .ui-table th, :where([data-ui="minimal-saas"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--saas-border); padding: .95rem 1rem; } - .saas-table th { + .saas-table th, :where([data-ui="minimal-saas"]) .ui-table th { color: var(--saas-text); text-transform: uppercase; letter-spacing: .08em; @@ -2729,11 +2729,11 @@ font-weight: 900; } - .saas-table td { + .saas-table td, :where([data-ui="minimal-saas"]) .ui-table td { color: var(--saas-text-muted); } - .saas-table tr:hover td { + .saas-table tr:hover td, :where([data-ui="minimal-saas"]) .ui-table tr:hover td { background: rgb(var(--saas-primary-rgb)/.045); } diff --git a/dist/visual/neumorphism.css b/dist/visual/neumorphism.css index 96f004e..e1eea64 100644 --- a/dist/visual/neumorphism.css +++ b/dist/visual/neumorphism.css @@ -2214,7 +2214,7 @@ background-size: var(--neo-theme-bg-size); } - .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button { + .neo-title, .neo-heading, .neo-kicker, .neo-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav-link { font-family: var(--neo-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--neo-primary-rgb)/.07),transparent 46%),var(--neo-surface); color: var(--neo-text); border: 1px solid var(--neo-border); @@ -2274,7 +2274,7 @@ padding: var(--neo-space-6); } - .neo-toolbar { + .neo-toolbar, :where([data-ui="neumorphism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--neo-space-4); @@ -2391,11 +2391,11 @@ background: var(--neo-card-bg); } - .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-toolbar, .neo-table-wrap, .neo-button:not(.neo-button-primary):not(.neo-button-secondary):not(.neo-button-danger):not(.neo-button-ghost), .neo-icon-button, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap, :where([data-ui="neumorphism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="neumorphism"]) .ui-icon-button { background: var(--neo-control-bg); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav-link, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav-link { font-family: var(--neo-font-control); } @@ -2549,7 +2549,7 @@ left: calc(100% - 1.56rem); } - .neo-badge { + .neo-badge, :where([data-ui="neumorphism"]) .ui-badge { align-items: center; gap: var(--neo-space-1); background: var(--neo-surface-soft); @@ -2564,37 +2564,37 @@ display: inline-flex; } - .neo-badge-primary { + .neo-badge-primary, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--neo-primary); color: var(--neo-on-primary); border-color: var(--neo-primary); } - .neo-badge-secondary { + .neo-badge-secondary, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--neo-secondary); color: var(--neo-on-secondary); border-color: var(--neo-secondary); } - .neo-badge-success { + .neo-badge-success, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--neo-success); color: var(--neo-on-success); border-color: var(--neo-success); } - .neo-badge-warning { + .neo-badge-warning, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--neo-warning); color: var(--neo-on-warning); border-color: var(--neo-warning); } - .neo-badge-danger { + .neo-badge-danger, :where([data-ui="neumorphism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--neo-danger); color: var(--neo-on-danger); border-color: var(--neo-danger); } - .neo-nav { + .neo-nav, :where([data-ui="neumorphism"]) .ui-nav { align-items: center; gap: var(--neo-space-2); padding: var(--neo-space-2); @@ -2606,7 +2606,7 @@ display: flex; } - .neo-nav-link { + .neo-nav-link, :where([data-ui="neumorphism"]) .ui-nav-link { min-height: 2.5rem; color: var(--neo-text-muted); border-radius: var(--neo-radius-pill); @@ -2619,12 +2619,12 @@ display: inline-flex; } - .neo-nav-link:hover { + .neo-nav-link:hover, :where([data-ui="neumorphism"]) .ui-nav-link:hover { color: var(--neo-text); background: var(--neo-surface-soft); } - .neo-nav-link[aria-current="page"], .neo-nav-link.is-active { + .neo-nav-link[aria-current="page"], .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-nav-link[aria-current="page"], :where([data-ui="neumorphism"]) .ui-nav-link.is-active { color: var(--neo-on-primary); background: var(--neo-primary); } @@ -2654,7 +2654,7 @@ box-shadow: inset .12rem .12rem .24rem #0000001f; } - .neo-progress { + .neo-progress, :where([data-ui="neumorphism"]) .ui-progress { background: var(--neo-surface-soft); border: 1px solid var(--neo-border); border-radius: var(--neo-radius-pill); @@ -2663,14 +2663,14 @@ overflow: hidden; } - .neo-progress-bar { + .neo-progress-bar, :where([data-ui="neumorphism"]) .ui-progress-bar { height: 100%; width: var(--neo-progress-value, 50%); background: linear-gradient(90deg,var(--neo-primary),var(--neo-accent)); border-radius: inherit; } - .neo-alert { + .neo-alert, :where([data-ui="neumorphism"]) .ui-alert { gap: var(--neo-space-2); padding: var(--neo-space-4); background: var(--neo-surface); @@ -2681,45 +2681,45 @@ display: grid; } - .neo-alert-success { + .neo-alert-success, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--neo-success); } - .neo-alert-warning { + .neo-alert-warning, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--neo-warning); } - .neo-alert-danger { + .neo-alert-danger, :where([data-ui="neumorphism"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--neo-danger); } - .neo-alert-title { + .neo-alert-title, :where([data-ui="neumorphism"]) .ui-alert-title { margin: 0; font-weight: 900; } - .neo-alert-body { + .neo-alert-body, :where([data-ui="neumorphism"]) .ui-alert-body { color: var(--neo-text-muted); margin: 0; line-height: 1.55; } - .neo-table-wrap { + .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-table-wrap { overflow: auto; } - .neo-table { + .neo-table, :where([data-ui="neumorphism"]) .ui-table { border-collapse: collapse; width: 100%; } - .neo-table th, .neo-table td { + .neo-table th, .neo-table td, :where([data-ui="neumorphism"]) .ui-table th, :where([data-ui="neumorphism"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--neo-border); padding: .95rem 1rem; } - .neo-table th { + .neo-table th, :where([data-ui="neumorphism"]) .ui-table th { color: var(--neo-text); text-transform: uppercase; letter-spacing: .08em; @@ -2728,11 +2728,11 @@ font-weight: 900; } - .neo-table td { + .neo-table td, :where([data-ui="neumorphism"]) .ui-table td { color: var(--neo-text-muted); } - .neo-table tr:hover td { + .neo-table tr:hover td, :where([data-ui="neumorphism"]) .ui-table tr:hover td { background: rgb(var(--neo-primary-rgb)/.045); } @@ -2838,7 +2838,7 @@ background: var(--neo-bg); } - .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card { + .neo-surface, .neo-card, .neo-panel, .neo-toolbar, .neo-table-wrap, :where([data-ui="neumorphism"]) .ui-card, :where([data-ui="neumorphism"]) .ui-toolbar, :where([data-ui="neumorphism"]) .ui-table-wrap { border-color: rgb(var(--neo-border-rgb)/.14); box-shadow: 10px 10px 22px var(--neo-nm-dark),-10px -10px 22px var(--neo-nm-light); } @@ -2847,15 +2847,15 @@ box-shadow: 16px 16px 32px var(--neo-nm-dark),-16px -16px 32px var(--neo-nm-light); } - .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select { + .neo-well, .neo-inset, .neo-input, .neo-textarea, .neo-select, .neo-progress, :where([data-ui="neumorphism"]) .ui-input, :where([data-ui="neumorphism"]) .ui-textarea, :where([data-ui="neumorphism"]) .ui-select, :where([data-ui="neumorphism"]) .ui-progress { box-shadow: inset 5px 5px 11px var(--neo-nm-dark),inset -5px -5px 11px var(--neo-nm-light); } - .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button { + .neo-button, .neo-icon-button, .neo-badge, .neo-nav, :where([data-ui="neumorphism"]) .ui-button, :where([data-ui="neumorphism"]) .ui-icon-button, :where([data-ui="neumorphism"]) .ui-badge, :where([data-ui="neumorphism"]) .ui-nav { box-shadow: 5px 5px 11px var(--neo-nm-dark),-5px -5px 11px var(--neo-nm-light); } - .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active { + .neo-button:active, .neo-icon-button:active, .neo-button.is-active, .neo-icon-button.is-active, .neo-nav-link.is-active, :where([data-ui="neumorphism"]) .ui-button:active, :where([data-ui="neumorphism"]) .ui-icon-button:active, :where([data-ui="neumorphism"]) .ui-button.is-active, :where([data-ui="neumorphism"]) .ui-icon-button.is-active, :where([data-ui="neumorphism"]) .ui-nav-link.is-active { box-shadow: inset 4px 4px 9px var(--neo-nm-dark),inset -4px -4px 9px var(--neo-nm-light); } diff --git a/dist/visual/retro-glass.css b/dist/visual/retro-glass.css index 3e218b5..c033d03 100644 --- a/dist/visual/retro-glass.css +++ b/dist/visual/retro-glass.css @@ -2233,7 +2233,7 @@ color: var(--rg-on-primary); } - .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button { + .rg-title, .rg-heading, .rg-kicker, .rg-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-badge, :where([data-ui="retro-glass"]) .ui-nav-link { font-family: var(--rg-font-heading); text-transform: uppercase; } @@ -2270,7 +2270,7 @@ color: var(--rg-text-muted); } - .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card { + .rg-card, .rg-panel, .rg-console, .rg-toolbar, .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-card, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap { background: linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(135deg,rgb(var(--rg-primary-rgb)/.06),transparent 52%),var(--rg-surface); color: var(--rg-text); border: 1px solid var(--rg-border); @@ -2301,7 +2301,7 @@ box-shadow: var(--rg-shadow-lg),inset 0 0 28px rgb(var(--rg-primary-rgb)/.08),0 0 32px var(--rg-glow-primary); } - .rg-toolbar { + .rg-toolbar, :where([data-ui="retro-glass"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--rg-space-4); @@ -2436,7 +2436,7 @@ font-size: .9rem; } - .rg-badge { + .rg-badge, :where([data-ui="retro-glass"]) .ui-badge { background: linear-gradient(135deg,#fff3,#ffffff0a),var(--rg-surface); min-height: 1.8rem; color: var(--rg-text); @@ -2452,32 +2452,32 @@ display: inline-flex; } - .rg-badge-primary { + .rg-badge-primary, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--rg-primary); color: var(--rg-on-primary); } - .rg-badge-secondary { + .rg-badge-secondary, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--rg-secondary); color: var(--rg-on-secondary); } - .rg-badge-success { + .rg-badge-success, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--rg-success); color: var(--rg-on-success); } - .rg-badge-warning { + .rg-badge-warning, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--rg-warning); color: var(--rg-on-warning); } - .rg-badge-danger { + .rg-badge-danger, :where([data-ui="retro-glass"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--rg-danger); color: var(--rg-on-danger); } - .rg-nav { + .rg-nav, :where([data-ui="retro-glass"]) .ui-nav { gap: var(--rg-space-2); padding: var(--rg-space-2); background: linear-gradient(135deg,#ffffff2e,#ffffff0a),var(--rg-surface); @@ -2489,7 +2489,7 @@ display: flex; } - .rg-nav-link { + .rg-nav-link, :where([data-ui="retro-glass"]) .ui-nav-link { min-height: 2.5rem; color: var(--rg-text-muted); border-radius: var(--rg-radius-pill); @@ -2502,13 +2502,13 @@ display: inline-flex; } - .rg-nav-link:hover { + .rg-nav-link:hover, :where([data-ui="retro-glass"]) .ui-nav-link:hover { color: var(--rg-text); border-color: rgb(var(--rg-primary-rgb)/.36); background: #ffffff1a; } - .rg-nav-link.is-active, .rg-nav-link[aria-current="page"] { + .rg-nav-link.is-active, .rg-nav-link[aria-current="page"], :where([data-ui="retro-glass"]) .ui-nav-link.is-active, :where([data-ui="retro-glass"]) .ui-nav-link[aria-current="page"] { background: var(--rg-primary); color: var(--rg-on-primary); box-shadow: 0 0 22px var(--rg-glow-primary); @@ -2542,7 +2542,7 @@ transform: rotate(45deg); } - .rg-progress { + .rg-progress, :where([data-ui="retro-glass"]) .ui-progress { background: var(--rg-surface-soft); border: 1px solid rgb(var(--rg-border-rgb)/.4); border-radius: var(--rg-radius-pill); @@ -2552,7 +2552,7 @@ box-shadow: inset 0 8px 18px #00000024; } - .rg-progress-bar { + .rg-progress-bar, :where([data-ui="retro-glass"]) .ui-progress-bar { height: 100%; width: var(--rg-progress-value, 50%); background: linear-gradient(90deg,var(--rg-primary),var(--rg-accent),var(--rg-secondary)); @@ -2560,7 +2560,7 @@ box-shadow: 0 0 18px var(--rg-glow-primary); } - .rg-alert { + .rg-alert, :where([data-ui="retro-glass"]) .ui-alert { padding: var(--rg-space-4); background: var(--rg-surface); border: 1px solid var(--rg-border); @@ -2569,52 +2569,52 @@ backdrop-filter: blur(16px); } - .rg-alert-title { + .rg-alert-title, :where([data-ui="retro-glass"]) .ui-alert-title { font-family: var(--rg-font-heading); text-transform: uppercase; margin: 0; } - .rg-alert-body { + .rg-alert-body, :where([data-ui="retro-glass"]) .ui-alert-body { color: var(--rg-text-muted); margin: .5rem 0 0; } - .rg-alert-success { + .rg-alert-success, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="success"]) { border-left: 4px solid var(--rg-success); } - .rg-alert-warning { + .rg-alert-warning, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="warning"]) { border-left: 4px solid var(--rg-warning); } - .rg-alert-danger { + .rg-alert-danger, :where([data-ui="retro-glass"]) .ui-alert:where([data-ui-variant="danger"]) { border-left: 4px solid var(--rg-danger); } - .rg-table-wrap { + .rg-table-wrap, :where([data-ui="retro-glass"]) .ui-table-wrap { overflow: auto; } - .rg-table { + .rg-table, :where([data-ui="retro-glass"]) .ui-table { border-collapse: collapse; width: 100%; } - .rg-table th, .rg-table td { + .rg-table th, .rg-table td, :where([data-ui="retro-glass"]) .ui-table th, :where([data-ui="retro-glass"]) .ui-table td { border-bottom: 1px solid rgb(var(--rg-border-rgb)/.34); text-align: left; padding: .9rem 1rem; } - .rg-table th { + .rg-table th, :where([data-ui="retro-glass"]) .ui-table th { background: rgb(var(--rg-primary-rgb)/.1); font-family: var(--rg-font-heading); text-transform: uppercase; letter-spacing: .1em; } - .rg-table td { + .rg-table td, :where([data-ui="retro-glass"]) .ui-table td { color: var(--rg-text-muted); } @@ -2666,11 +2666,11 @@ background: var(--rg-card-bg); } - .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { + .rg-toolbar, .rg-table-wrap, .rg-button:not(.rg-button-primary):not(.rg-button-secondary):not(.rg-button-danger):not(.rg-button-ghost), .rg-icon-button, :where([data-ui="retro-glass"]) .ui-toolbar, :where([data-ui="retro-glass"]) .ui-table-wrap, :where([data-ui="retro-glass"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retro-glass"]) .ui-icon-button { background: var(--rg-control-bg); } - .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button { + .rg-button, .rg-icon-button, .rg-badge, .rg-nav-link, :where([data-ui="retro-glass"]) .ui-button, :where([data-ui="retro-glass"]) .ui-icon-button, :where([data-ui="retro-glass"]) .ui-badge, :where([data-ui="retro-glass"]) .ui-nav-link { font-family: var(--rg-font-control); } diff --git a/dist/visual/retrofuturism.css b/dist/visual/retrofuturism.css index 6a814bd..df056f1 100644 --- a/dist/visual/retrofuturism.css +++ b/dist/visual/retrofuturism.css @@ -2214,7 +2214,7 @@ background-size: var(--retro-theme-bg-size); } - .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button { + .retro-title, .retro-heading, .retro-kicker, .retro-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-badge, :where([data-ui="retrofuturism"]) .ui-nav-link { font-family: var(--retro-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap { background: linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 36%),linear-gradient(180deg,#ffffff14,#fff0),var(--retro-surface); color: var(--retro-text); border: 1px solid var(--retro-border); @@ -2274,7 +2274,7 @@ padding: var(--retro-space-6); } - .retro-toolbar { + .retro-toolbar, :where([data-ui="retrofuturism"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--retro-space-4); @@ -2391,11 +2391,11 @@ background: var(--retro-card-bg); } - .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { + .retro-toolbar, .retro-table-wrap, .retro-button:not(.retro-button-primary):not(.retro-button-secondary):not(.retro-button-danger):not(.retro-button-ghost), .retro-icon-button, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap, :where([data-ui="retrofuturism"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="retrofuturism"]) .ui-icon-button { background: var(--retro-control-bg); } - .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button { + .retro-button, .retro-icon-button, .retro-badge, .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-button, :where([data-ui="retrofuturism"]) .ui-icon-button, :where([data-ui="retrofuturism"]) .ui-badge, :where([data-ui="retrofuturism"]) .ui-nav-link { font-family: var(--retro-font-control); } @@ -2549,7 +2549,7 @@ left: calc(100% - 1.56rem); } - .retro-badge { + .retro-badge, :where([data-ui="retrofuturism"]) .ui-badge { align-items: center; gap: var(--retro-space-1); background: var(--retro-surface-soft); @@ -2564,37 +2564,37 @@ display: inline-flex; } - .retro-badge-primary { + .retro-badge-primary, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--retro-primary); color: var(--retro-on-primary); border-color: var(--retro-primary); } - .retro-badge-secondary { + .retro-badge-secondary, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--retro-secondary); color: var(--retro-on-secondary); border-color: var(--retro-secondary); } - .retro-badge-success { + .retro-badge-success, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--retro-success); color: var(--retro-on-success); border-color: var(--retro-success); } - .retro-badge-warning { + .retro-badge-warning, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--retro-warning); color: var(--retro-on-warning); border-color: var(--retro-warning); } - .retro-badge-danger { + .retro-badge-danger, :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--retro-danger); color: var(--retro-on-danger); border-color: var(--retro-danger); } - .retro-nav { + .retro-nav, :where([data-ui="retrofuturism"]) .ui-nav { align-items: center; gap: var(--retro-space-2); padding: var(--retro-space-2); @@ -2606,7 +2606,7 @@ display: flex; } - .retro-nav-link { + .retro-nav-link, :where([data-ui="retrofuturism"]) .ui-nav-link { min-height: 2.5rem; color: var(--retro-text-muted); border-radius: var(--retro-radius-pill); @@ -2619,12 +2619,12 @@ display: inline-flex; } - .retro-nav-link:hover { + .retro-nav-link:hover, :where([data-ui="retrofuturism"]) .ui-nav-link:hover { color: var(--retro-text); background: var(--retro-surface-soft); } - .retro-nav-link[aria-current="page"], .retro-nav-link.is-active { + .retro-nav-link[aria-current="page"], .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-nav-link[aria-current="page"], :where([data-ui="retrofuturism"]) .ui-nav-link.is-active { color: var(--retro-on-primary); background: var(--retro-primary); } @@ -2656,7 +2656,7 @@ flex: none; } - .retro-progress { + .retro-progress, :where([data-ui="retrofuturism"]) .ui-progress { background: var(--retro-surface-soft); border: 1px solid var(--retro-border); border-radius: var(--retro-radius-pill); @@ -2665,14 +2665,14 @@ overflow: hidden; } - .retro-progress-bar { + .retro-progress-bar, :where([data-ui="retrofuturism"]) .ui-progress-bar { height: 100%; width: var(--retro-progress-value, 50%); background: linear-gradient(90deg,var(--retro-primary),var(--retro-accent)); border-radius: inherit; } - .retro-alert { + .retro-alert, :where([data-ui="retrofuturism"]) .ui-alert { gap: var(--retro-space-2); padding: var(--retro-space-4); background: var(--retro-surface); @@ -2683,45 +2683,45 @@ display: grid; } - .retro-alert-success { + .retro-alert-success, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--retro-success); } - .retro-alert-warning { + .retro-alert-warning, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--retro-warning); } - .retro-alert-danger { + .retro-alert-danger, :where([data-ui="retrofuturism"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--retro-danger); } - .retro-alert-title { + .retro-alert-title, :where([data-ui="retrofuturism"]) .ui-alert-title { margin: 0; font-weight: 900; } - .retro-alert-body { + .retro-alert-body, :where([data-ui="retrofuturism"]) .ui-alert-body { color: var(--retro-text-muted); margin: 0; line-height: 1.55; } - .retro-table-wrap { + .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-table-wrap { overflow: auto; } - .retro-table { + .retro-table, :where([data-ui="retrofuturism"]) .ui-table { border-collapse: collapse; width: 100%; } - .retro-table th, .retro-table td { + .retro-table th, .retro-table td, :where([data-ui="retrofuturism"]) .ui-table th, :where([data-ui="retrofuturism"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--retro-border); padding: .95rem 1rem; } - .retro-table th { + .retro-table th, :where([data-ui="retrofuturism"]) .ui-table th { color: var(--retro-text); text-transform: uppercase; letter-spacing: .08em; @@ -2730,11 +2730,11 @@ font-weight: 900; } - .retro-table td { + .retro-table td, :where([data-ui="retrofuturism"]) .ui-table td { color: var(--retro-text-muted); } - .retro-table tr:hover td { + .retro-table tr:hover td, :where([data-ui="retrofuturism"]) .ui-table tr:hover td { background: rgb(var(--retro-primary-rgb)/.045); } @@ -2837,12 +2837,12 @@ text-shadow: 0 0 12px rgb(var(--retro-primary-rgb)/.24),0 0 26px rgb(var(--retro-accent-rgb)/.16); } - .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card { + .retro-surface, .retro-card, .retro-panel, .retro-toolbar, .retro-table-wrap, :where([data-ui="retrofuturism"]) .ui-card, :where([data-ui="retrofuturism"]) .ui-toolbar, :where([data-ui="retrofuturism"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff1a,#ffffff05),linear-gradient(135deg,rgb(var(--retro-primary-rgb)/.08),transparent 46%),var(--retro-surface); box-shadow: 0 18px 48px rgb(0 0 0 / var(--retro-shadow-alpha)),0 0 0 1px rgb(var(--retro-border-rgb)/.2),0 0 26px rgb(var(--retro-primary-rgb)/.14); } - .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]) { + .retro-button-primary, .retro-badge-primary, .retro-nav-link.is-active, :where([data-ui="retrofuturism"]) .ui-button:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-badge:where([data-ui-variant="primary"]), :where([data-ui="retrofuturism"]) .ui-nav-link.is-active { box-shadow: 0 0 0 1px rgb(var(--retro-primary-rgb)/.34),0 0 22px rgb(var(--retro-primary-rgb)/.22); } diff --git a/dist/visual/tactile.css b/dist/visual/tactile.css index a48b0df..de59f8c 100644 --- a/dist/visual/tactile.css +++ b/dist/visual/tactile.css @@ -2214,7 +2214,7 @@ background-size: var(--tactile-theme-bg-size); } - .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button { + .tactile-title, .tactile-heading, .tactile-kicker, .tactile-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-badge, :where([data-ui="tactile"]) .ui-nav-link { font-family: var(--tactile-font-heading); } @@ -2260,7 +2260,7 @@ height: 1px; } - .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card { + .tactile-surface, .tactile-card, .tactile-panel, .tactile-toolbar, .tactile-table-wrap, :where([data-ui="tactile"]) .ui-card, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap { background: linear-gradient(180deg,#ffffff2e,#ffffff08),linear-gradient(135deg,rgb(var(--tactile-primary-rgb)/.07),transparent 46%),var(--tactile-surface); color: var(--tactile-text); border: 1px solid var(--tactile-border); @@ -2274,7 +2274,7 @@ padding: var(--tactile-space-6); } - .tactile-toolbar { + .tactile-toolbar, :where([data-ui="tactile"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--tactile-space-4); @@ -2391,11 +2391,11 @@ background: var(--tactile-card-bg); } - .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { + .tactile-toolbar, .tactile-table-wrap, .tactile-button:not(.tactile-button-primary):not(.tactile-button-secondary):not(.tactile-button-danger):not(.tactile-button-ghost), .tactile-icon-button, :where([data-ui="tactile"]) .ui-toolbar, :where([data-ui="tactile"]) .ui-table-wrap, :where([data-ui="tactile"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="tactile"]) .ui-icon-button { background: var(--tactile-control-bg); } - .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button { + .tactile-button, .tactile-icon-button, .tactile-badge, .tactile-nav-link, :where([data-ui="tactile"]) .ui-button, :where([data-ui="tactile"]) .ui-icon-button, :where([data-ui="tactile"]) .ui-badge, :where([data-ui="tactile"]) .ui-nav-link { font-family: var(--tactile-font-control); } @@ -2549,7 +2549,7 @@ left: calc(100% - 1.56rem); } - .tactile-badge { + .tactile-badge, :where([data-ui="tactile"]) .ui-badge { align-items: center; gap: var(--tactile-space-1); background: var(--tactile-surface-soft); @@ -2564,37 +2564,37 @@ display: inline-flex; } - .tactile-badge-primary { + .tactile-badge-primary, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--tactile-primary); color: var(--tactile-on-primary); border-color: var(--tactile-primary); } - .tactile-badge-secondary { + .tactile-badge-secondary, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--tactile-secondary); color: var(--tactile-on-secondary); border-color: var(--tactile-secondary); } - .tactile-badge-success { + .tactile-badge-success, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--tactile-success); color: var(--tactile-on-success); border-color: var(--tactile-success); } - .tactile-badge-warning { + .tactile-badge-warning, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--tactile-warning); color: var(--tactile-on-warning); border-color: var(--tactile-warning); } - .tactile-badge-danger { + .tactile-badge-danger, :where([data-ui="tactile"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--tactile-danger); color: var(--tactile-on-danger); border-color: var(--tactile-danger); } - .tactile-nav { + .tactile-nav, :where([data-ui="tactile"]) .ui-nav { align-items: center; gap: var(--tactile-space-2); padding: var(--tactile-space-2); @@ -2606,7 +2606,7 @@ display: flex; } - .tactile-nav-link { + .tactile-nav-link, :where([data-ui="tactile"]) .ui-nav-link { min-height: 2.5rem; color: var(--tactile-text-muted); border-radius: var(--tactile-radius-pill); @@ -2619,12 +2619,12 @@ display: inline-flex; } - .tactile-nav-link:hover { + .tactile-nav-link:hover, :where([data-ui="tactile"]) .ui-nav-link:hover { color: var(--tactile-text); background: var(--tactile-surface-soft); } - .tactile-nav-link[aria-current="page"], .tactile-nav-link.is-active { + .tactile-nav-link[aria-current="page"], .tactile-nav-link.is-active, :where([data-ui="tactile"]) .ui-nav-link[aria-current="page"], :where([data-ui="tactile"]) .ui-nav-link.is-active { color: var(--tactile-on-primary); background: var(--tactile-primary); } @@ -2655,7 +2655,7 @@ transform: rotate(45deg); } - .tactile-progress { + .tactile-progress, :where([data-ui="tactile"]) .ui-progress { background: var(--tactile-surface-soft); border: 1px solid var(--tactile-border); border-radius: var(--tactile-radius-pill); @@ -2664,14 +2664,14 @@ overflow: hidden; } - .tactile-progress-bar { + .tactile-progress-bar, :where([data-ui="tactile"]) .ui-progress-bar { height: 100%; width: var(--tactile-progress-value, 50%); background: linear-gradient(90deg,var(--tactile-primary),var(--tactile-accent)); border-radius: inherit; } - .tactile-alert { + .tactile-alert, :where([data-ui="tactile"]) .ui-alert { gap: var(--tactile-space-2); padding: var(--tactile-space-4); background: var(--tactile-surface); @@ -2682,45 +2682,45 @@ display: grid; } - .tactile-alert-success { + .tactile-alert-success, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="success"]) { border-left-color: var(--tactile-success); } - .tactile-alert-warning { + .tactile-alert-warning, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="warning"]) { border-left-color: var(--tactile-warning); } - .tactile-alert-danger { + .tactile-alert-danger, :where([data-ui="tactile"]) .ui-alert:where([data-ui-variant="danger"]) { border-left-color: var(--tactile-danger); } - .tactile-alert-title { + .tactile-alert-title, :where([data-ui="tactile"]) .ui-alert-title { margin: 0; font-weight: 900; } - .tactile-alert-body { + .tactile-alert-body, :where([data-ui="tactile"]) .ui-alert-body { color: var(--tactile-text-muted); margin: 0; line-height: 1.55; } - .tactile-table-wrap { + .tactile-table-wrap, :where([data-ui="tactile"]) .ui-table-wrap { overflow: auto; } - .tactile-table { + .tactile-table, :where([data-ui="tactile"]) .ui-table { border-collapse: collapse; width: 100%; } - .tactile-table th, .tactile-table td { + .tactile-table th, .tactile-table td, :where([data-ui="tactile"]) .ui-table th, :where([data-ui="tactile"]) .ui-table td { text-align: left; border-bottom: 1px solid var(--tactile-border); padding: .95rem 1rem; } - .tactile-table th { + .tactile-table th, :where([data-ui="tactile"]) .ui-table th { color: var(--tactile-text); text-transform: uppercase; letter-spacing: .08em; @@ -2729,11 +2729,11 @@ font-weight: 900; } - .tactile-table td { + .tactile-table td, :where([data-ui="tactile"]) .ui-table td { color: var(--tactile-text-muted); } - .tactile-table tr:hover td { + .tactile-table tr:hover td, :where([data-ui="tactile"]) .ui-table tr:hover td { background: rgb(var(--tactile-primary-rgb)/.045); } diff --git a/dist/visual/y2k.css b/dist/visual/y2k.css index e9c0a26..bbc3661 100644 --- a/dist/visual/y2k.css +++ b/dist/visual/y2k.css @@ -2233,7 +2233,7 @@ color: var(--y2k-on-primary); } - .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button { + .y2k-title, .y2k-heading, .y2k-kicker, .y2k-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link { font-family: var(--y2k-font-heading); } @@ -2271,7 +2271,7 @@ color: var(--y2k-text-muted); } - .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card { + .y2k-card, .y2k-panel, .y2k-bubble, .y2k-toolbar, .y2k-table-wrap, :where([data-ui="y2k"]) .ui-card, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap { background: linear-gradient(145deg,#ffffff6b,#ffffff14),var(--y2k-surface); color: var(--y2k-text); border: 1px solid #ffffff61; @@ -2296,7 +2296,7 @@ padding: var(--y2k-space-6); } - .y2k-toolbar { + .y2k-toolbar, :where([data-ui="y2k"]) .ui-toolbar { justify-content: space-between; align-items: center; gap: var(--y2k-space-4); @@ -2421,7 +2421,7 @@ font-size: .9rem; } - .y2k-badge { + .y2k-badge, :where([data-ui="y2k"]) .ui-badge { background: linear-gradient(180deg,#fff6,#ffffff14),var(--y2k-surface-strong); min-height: 1.8rem; color: var(--y2k-text); @@ -2435,32 +2435,32 @@ display: inline-flex; } - .y2k-badge-primary { + .y2k-badge-primary, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="primary"]) { background: var(--y2k-primary); color: var(--y2k-on-primary); } - .y2k-badge-secondary { + .y2k-badge-secondary, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="secondary"]) { background: var(--y2k-secondary); color: var(--y2k-on-secondary); } - .y2k-badge-success { + .y2k-badge-success, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="success"]) { background: var(--y2k-success); color: var(--y2k-on-success); } - .y2k-badge-warning { + .y2k-badge-warning, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="warning"]) { background: var(--y2k-warning); color: var(--y2k-on-warning); } - .y2k-badge-danger { + .y2k-badge-danger, :where([data-ui="y2k"]) .ui-badge:where([data-ui-variant="danger"]) { background: var(--y2k-danger); color: var(--y2k-on-danger); } - .y2k-nav { + .y2k-nav, :where([data-ui="y2k"]) .ui-nav { gap: var(--y2k-space-2); padding: var(--y2k-space-2); background: linear-gradient(180deg,#ffffff61,#ffffff14),var(--y2k-surface); @@ -2471,7 +2471,7 @@ display: flex; } - .y2k-nav-link { + .y2k-nav-link, :where([data-ui="y2k"]) .ui-nav-link { min-height: 2.5rem; color: var(--y2k-text-muted); border-radius: var(--y2k-radius-pill); @@ -2482,12 +2482,12 @@ display: inline-flex; } - .y2k-nav-link:hover { + .y2k-nav-link:hover, :where([data-ui="y2k"]) .ui-nav-link:hover { color: var(--y2k-text); background: #ffffff29; } - .y2k-nav-link.is-active, .y2k-nav-link[aria-current="page"] { + .y2k-nav-link.is-active, .y2k-nav-link[aria-current="page"], :where([data-ui="y2k"]) .ui-nav-link.is-active, :where([data-ui="y2k"]) .ui-nav-link[aria-current="page"] { background: var(--y2k-primary); color: var(--y2k-on-primary); box-shadow: 0 0 20px var(--y2k-glow-primary); @@ -2518,7 +2518,7 @@ flex: none; } - .y2k-progress { + .y2k-progress, :where([data-ui="y2k"]) .ui-progress { background: var(--y2k-surface-soft); border-radius: var(--y2k-radius-pill); width: 100%; @@ -2527,14 +2527,14 @@ box-shadow: inset 0 6px 14px #0000001f; } - .y2k-progress-bar { + .y2k-progress-bar, :where([data-ui="y2k"]) .ui-progress-bar { height: 100%; width: var(--y2k-progress-value, 50%); background: linear-gradient(90deg,var(--y2k-primary),var(--y2k-accent),var(--y2k-secondary)); border-radius: inherit; } - .y2k-alert { + .y2k-alert, :where([data-ui="y2k"]) .ui-alert { padding: var(--y2k-space-4); background: var(--y2k-surface); border-radius: var(--y2k-radius-xl); @@ -2542,49 +2542,49 @@ border: 1px solid #ffffff61; } - .y2k-alert-title { + .y2k-alert-title, :where([data-ui="y2k"]) .ui-alert-title { margin: 0; font-weight: 900; } - .y2k-alert-body { + .y2k-alert-body, :where([data-ui="y2k"]) .ui-alert-body { color: var(--y2k-text-muted); margin: .5rem 0 0; } - .y2k-alert-success { + .y2k-alert-success, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="success"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-success-rgb)/.2); } - .y2k-alert-warning { + .y2k-alert-warning, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="warning"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-warning-rgb)/.2); } - .y2k-alert-danger { + .y2k-alert-danger, :where([data-ui="y2k"]) .ui-alert:where([data-ui-variant="danger"]) { box-shadow: var(--y2k-shadow-md),0 0 22px rgb(var(--y2k-danger-rgb)/.2); } - .y2k-table-wrap { + .y2k-table-wrap, :where([data-ui="y2k"]) .ui-table-wrap { overflow: auto; } - .y2k-table { + .y2k-table, :where([data-ui="y2k"]) .ui-table { border-collapse: collapse; width: 100%; } - .y2k-table th, .y2k-table td { + .y2k-table th, .y2k-table td, :where([data-ui="y2k"]) .ui-table th, :where([data-ui="y2k"]) .ui-table td { border-bottom: 1px solid rgb(var(--y2k-border-rgb)/.34); text-align: left; padding: .9rem 1rem; } - .y2k-table th { + .y2k-table th, :where([data-ui="y2k"]) .ui-table th { background: #ffffff29; font-weight: 900; } - .y2k-table td { + .y2k-table td, :where([data-ui="y2k"]) .ui-table td { color: var(--y2k-text-muted); } @@ -2628,11 +2628,11 @@ background: var(--y2k-card-bg); } - .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { + .y2k-toolbar, .y2k-table-wrap, .y2k-button:not(.y2k-button-primary):not(.y2k-button-secondary):not(.y2k-button-danger):not(.y2k-button-ghost), .y2k-icon-button, :where([data-ui="y2k"]) .ui-toolbar, :where([data-ui="y2k"]) .ui-table-wrap, :where([data-ui="y2k"]) .ui-button:not(.ui-button:where([data-ui-variant="primary"])):not(.ui-button:where([data-ui-variant="secondary"])):not(.ui-button:where([data-ui-variant="danger"])):not(.ui-button:where([data-ui-variant="ghost"])), :where([data-ui="y2k"]) .ui-icon-button { background: var(--y2k-control-bg); } - .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button { + .y2k-button, .y2k-icon-button, .y2k-badge, .y2k-nav-link, :where([data-ui="y2k"]) .ui-button, :where([data-ui="y2k"]) .ui-icon-button, :where([data-ui="y2k"]) .ui-badge, :where([data-ui="y2k"]) .ui-nav-link { font-family: var(--y2k-font-control); } diff --git a/manifest.json b/manifest.json index 4946edb..91d6ce3 100644 --- a/manifest.json +++ b/manifest.json @@ -340,13 +340,7 @@ ".ui-radio-control", ".ui-switch", ".ui-switch-track", - ".ui-switch-thumb" - ] - }, - "pending": { - "status": "pending", - "targetTask": 11, - "selectors": [ + ".ui-switch-thumb", ".ui-badge", ".ui-alert", ".ui-alert-title", @@ -359,6 +353,11 @@ ".ui-progress-bar", ".ui-toolbar" ] + }, + "pending": { + "status": "pending", + "targetTask": 11, + "selectors": [] } } }, diff --git a/tests/e2e/semantic-runtime.spec.js b/tests/e2e/semantic-runtime.spec.js index 7d27764..464d98f 100644 --- a/tests/e2e/semantic-runtime.spec.js +++ b/tests/e2e/semantic-runtime.spec.js @@ -89,6 +89,31 @@ const indicatorProperties = [ 'opacity', 'transform' ]; +const surfaceProperties = [ + 'backgroundColor', + 'backgroundImage', + 'borderBottomColor', + 'borderBottomStyle', + 'borderBottomWidth', + 'borderLeftColor', + 'borderLeftWidth', + 'borderRadius', + 'boxShadow', + 'color', + 'display', + 'fontFamily', + 'fontSize', + 'fontWeight', + 'gap', + 'marginBottom', + 'marginTop', + 'overflow', + 'paddingBottom', + 'paddingLeft', + 'paddingRight', + 'paddingTop', + 'textTransform' +]; function buttonMarkup(prefix, variant, kind) { const variantAttribute = variant ? ` data-ui-variant="${variant}"` : ''; @@ -187,6 +212,72 @@ function formFixture(preset) { `; } +function remainingRolesFixture(preset, { disableMotion = true } = {}) { + const badgeVariants = [null, 'primary', 'secondary', 'success', 'warning', 'danger']; + const alertVariants = [null, 'success', 'warning', 'danger']; + const badges = badgeVariants.map((variant) => { + const name = variant ?? 'neutral'; + const semanticVariant = variant ? ` data-ui-variant="${variant}"` : ''; + const prefixedVariant = variant ? ` ${preset.prefix}-badge-${variant}` : ''; + return ` + Semantic ${name} + Prefixed ${name}`; + }).join(''); + const alerts = alertVariants.map((variant) => { + const name = variant ?? 'neutral'; + const semanticVariant = variant ? ` data-ui-variant="${variant}"` : ''; + const prefixedVariant = variant ? ` ${preset.prefix}-alert-${variant}` : ''; + return ` + + `; + }).join(''); + + return ` + + + ${disableMotion + ? '' + : ''} + + +
+ ${badges} + ${alerts} + + +
+
Semantic cell
+
+
+
Prefixed cell
+
+
+
+
+
+
+
+ + + + + Semantic tooltip + Prefixed tooltip +
+ + `; +} + async function computedSnapshot(page, selector, properties) { return page.locator(selector).evaluate((element, propertyNames) => { const styles = getComputedStyle(element); @@ -424,3 +515,121 @@ test('semantic forms retain focus, disabled, checked, axe, and forced-colors beh expect(results.violations, `${preset.id} semantic form axe scan`).toEqual([]); } }); + +test('remaining semantic roles and variants match prefixed twins across every preset', async ({ page }) => { + const badgeVariants = ['neutral', 'primary', 'secondary', 'success', 'warning', 'danger']; + const alertVariants = ['neutral', 'success', 'warning', 'danger']; + const pairs = [ + ['nav', surfaceProperties], + ['nav-link', surfaceProperties], + ['table-wrap', surfaceProperties], + ['table', surfaceProperties], + ['cell', surfaceProperties], + ['progress', surfaceProperties], + ['progress-bar', surfaceProperties], + ['toolbar', surfaceProperties], + ['spinner', surfaceProperties], + ['tooltip', surfaceProperties] + ]; + + for (const preset of manifest.presets) { + await page.setContent(remainingRolesFixture(preset)); + await page.addStyleTag({ path: visualBundlePath }); + + for (const variant of badgeVariants) { + expect( + await computedSnapshot(page, `#semantic-badge-${variant}`, surfaceProperties), + `${preset.id} ${variant} badge` + ).toEqual(await computedSnapshot(page, `#prefixed-badge-${variant}`, surfaceProperties)); + } + for (const variant of alertVariants) { + for (const part of ['alert', 'alert-title', 'alert-body']) { + expect( + await computedSnapshot(page, `#semantic-${part}-${variant}`, surfaceProperties), + `${preset.id} ${variant} ${part}` + ).toEqual(await computedSnapshot(page, `#prefixed-${part}-${variant}`, surfaceProperties)); + } + } + for (const [name, properties] of pairs) { + expect( + await computedSnapshot(page, `#semantic-${name}`, properties), + `${preset.id} ${name}` + ).toEqual(await computedSnapshot(page, `#prefixed-${name}`, properties)); + } + + await expect(page.locator('#semantic-progress')).toHaveRole('progressbar'); + await expect(page.locator('#semantic-toolbar')).toHaveRole('toolbar'); + await expect(page.locator('#semantic-nav-link')).toHaveAttribute('aria-current', 'page'); + } +}); + +test('remaining semantic nodes and classes stay stable through all preset switches', async ({ page }) => { + await page.setContent(remainingRolesFixture(manifest.presets[0])); + await page.addStyleTag({ path: visualBundlePath }); + const semanticClassSnapshot = await page.evaluate(() => Object.fromEntries( + [...document.querySelectorAll('[class^="ui-"]')].map((element) => [element.id, element.className]) + )); + const fingerprints = []; + + for (const preset of manifest.presets) { + await page.evaluate(({ id, prefix }) => { + document.body.dataset.ui = id; + for (const element of document.querySelectorAll('[id^="prefixed-"]')) { + const semanticId = element.id.replace('prefixed-', 'semantic-'); + const semantic = document.getElementById(semanticId); + if (!semantic?.className.startsWith('ui-')) continue; + + const semanticBase = semantic.className.split(' ')[0].slice(3); + const variant = semantic.dataset.uiVariant; + element.className = `${prefix}-${semanticBase}${variant ? ` ${prefix}-${semanticBase}-${variant}` : ''}`; + if (semantic.classList.contains('is-active')) element.classList.add('is-active'); + } + }, preset); + + const semanticAlert = await computedSnapshot(page, '#semantic-alert-warning', surfaceProperties); + const prefixedAlert = await computedSnapshot(page, '#prefixed-alert-warning', surfaceProperties); + const semanticProgress = await computedSnapshot(page, '#semantic-progress-bar', surfaceProperties); + const prefixedProgress = await computedSnapshot(page, '#prefixed-progress-bar', surfaceProperties); + expect(semanticAlert, `${preset.id} stable warning alert`).toEqual(prefixedAlert); + expect(semanticProgress, `${preset.id} stable progress bar`).toEqual(prefixedProgress); + fingerprints.push(JSON.stringify({ semanticAlert, semanticProgress })); + expect(await page.evaluate(() => Object.fromEntries( + [...document.querySelectorAll('[class^="ui-"]')].map((element) => [element.id, element.className]) + ))).toEqual(semanticClassSnapshot); + } + + expect(new Set(fingerprints).size, 'remaining semantic roles must restyle by preset').toBeGreaterThan(1); +}); + +test('remaining roles retain focus, reduced-motion, forced-colors, and axe semantics', async ({ page, browserName }) => { + test.skip(browserName !== 'chromium', 'Chromium provides the media emulation used by this contract.'); + + for (const preset of manifest.presets) { + await page.emulateMedia({ forcedColors: 'active', reducedMotion: 'reduce' }); + await page.setContent(remainingRolesFixture(preset, { disableMotion: false })); + await page.addStyleTag({ path: visualBundlePath }); + await page.locator('#semantic-nav-link').focus(); + + const focusStyles = await computedSnapshot(page, '#semantic-nav-link', [ + 'animationDuration', + 'forcedColorAdjust', + 'outlineStyle', + 'outlineWidth', + 'transitionDuration' + ]); + expect(focusStyles.forcedColorAdjust, `${preset.id} remaining forced colors`).toBe('auto'); + expect(focusStyles.outlineStyle, `${preset.id} nav focus`).not.toBe('none'); + expect(Number.parseFloat(focusStyles.outlineWidth), `${preset.id} nav focus width`).toBeGreaterThanOrEqual(2); + expect(Number.parseFloat(focusStyles.transitionDuration), `${preset.id} reduced transition`).toBeLessThanOrEqual(0.001); + expect(Number.parseFloat(focusStyles.animationDuration), `${preset.id} reduced animation`).toBeLessThanOrEqual(0.001); + + await page.emulateMedia({ forcedColors: 'none', reducedMotion: 'no-preference' }); + const results = await new AxeBuilder({ page }) + .include('main') + .withTags(['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'wcag22aa']) + // Dedicated contrast verification owns palette ratios; this fixture checks semantics. + .disableRules(['color-contrast']) + .analyze(); + expect(results.violations, `${preset.id} remaining semantic axe scan`).toEqual([]); + } +}); diff --git a/tests/semantic-component-contract.test.js b/tests/semantic-component-contract.test.js index a2f6222..942a9dd 100644 --- a/tests/semantic-component-contract.test.js +++ b/tests/semantic-component-contract.test.js @@ -30,9 +30,7 @@ const expectedImplementedSelectors = [ '.ui-radio-control', '.ui-switch', '.ui-switch-track', - '.ui-switch-thumb' -]; -const expectedPendingSelectors = [ + '.ui-switch-thumb', '.ui-badge', '.ui-alert', '.ui-alert-title', @@ -45,6 +43,7 @@ const expectedPendingSelectors = [ '.ui-progress-bar', '.ui-toolbar' ]; +const expectedPendingSelectors = []; const expectedSemanticComponentApi = { presetSwitchAttribute: 'data-ui', @@ -252,8 +251,8 @@ test('manifest partitions retained, implemented, and pending Task 11 selectors', assert.deepEqual(implementationStatus.pending.selectors, expectedPendingSelectors); assert.equal(implementationStatus.pending.targetTask, 11); assert.equal(implementationStatus.retained.selectors.length, 2); - assert.equal(implementationStatus.implemented.selectors.length, 16); - assert.equal(implementationStatus.pending.selectors.length, 11); + assert.equal(implementationStatus.implemented.selectors.length, 27); + assert.equal(implementationStatus.pending.selectors.length, 0); assert.deepEqual( new Set([ ...implementationStatus.retained.selectors, @@ -330,14 +329,19 @@ test('generated entrypoints scope implemented aliases while raw preset exports s `${relativeFile} must scope ${selector} beneath a specificity-safe preset root` ); } - for (const variant of expectedSemanticComponentApi.variantAttribute.valuesBySelector['.ui-button']) { - assert.equal( - selectors.some((selector) => - selector.includes('.ui-button') && selectorHasAttributeValue(selector, 'data-ui-variant', variant) - ), - true, - `${relativeFile} must implement the ${variant} button variant` - ); + for (const [selector, variants] of Object.entries( + expectedSemanticComponentApi.variantAttribute.valuesBySelector + )) { + for (const variant of variants) { + assert.equal( + selectors.some((candidate) => + candidate.includes(selector) + && selectorHasAttributeValue(candidate, 'data-ui-variant', variant) + ), + true, + `${relativeFile} must implement the ${selector} ${variant} variant` + ); + } } } From ab7de86374302ed39bf163affda5c3ba495bf528 Mon Sep 17 00:00:00 2001 From: Foscat Date: Sun, 9 Aug 2026 00:32:24 -0500 Subject: [PATCH 32/42] docs: demonstrate runtime ui switching --- CHANGELOG.md | 7 ++-- README.md | 55 ++++++++++++++++------------- STYLE-MAP.md | 15 +++++++- demo/demo.css | 79 ++++++++++++++++++++++++++++++++++++++++++ demo/demo.js | 5 +-- demo/index.html | 68 ++++++++++++++++++++++++++++++++++++ index.html | 68 ++++++++++++++++++++++++++++++++++++ tests/e2e/demo.spec.js | 56 ++++++++++++++++++++++++++++-- wiki/Class-API.md | 26 +++++++------- 9 files changed, 332 insertions(+), 47 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 5481eac..634a165 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,13 +6,14 @@ All notable changes to **UI Style Kit CSS** will be documented here. ### Added -- Specified a manifest-backed generic semantic component API with 29 exact `.ui-*` selectors, context-constrained `data-ui-variant` values, and an unchanged-markup runtime case matrix across all 11 presets. +- Implemented the manifest-backed semantic component API with 29 exact `.ui-*` selectors, context-constrained `data-ui-variant` values, and unchanged-markup runtime switching across all 11 presets. +- Added a persistent semantic component demo whose DOM nodes and classes remain stable through every preset switch. - Documented native `` as the neutral modal/dialog fallback without inventing `.ui-modal` or `.ui-dialog` selectors. ### Changed -- Clarified that all 11 composed preset APIs retain the extended visual utilities, while partial extras and deprecated structural aliases remain prefix-bound compatibility or advanced APIs. -- Kept the specification separate from semantic CSS implementation and identified the two retained `.ui-spinner` and `.ui-tooltip` hooks separately from the 27 selectors pending Task 11. +- Clarified that generated default, visual, with-bridge, and focused entrypoints provide semantic aliases, while raw preset sources, partial extras, and deprecated structural aliases remain prefixed compatibility or advanced APIs. +- Preserved `.ui-spinner` and `.ui-tooltip` as retained hooks while generating the other 27 selectors from existing preset declarations. ## [2.1.0] - 2026-07-20 diff --git a/README.md b/README.md index 920690b..534537b 100644 --- a/README.md +++ b/README.md @@ -15,7 +15,7 @@ It is separate from, but complementary to, **Interactive Surface CSS**. Use **UI ## How the library fits together -UI Style Kit CSS owns visual identity: themes, component paint, native HTML styling, and the prefixed class API. It can be used alone, or paired with the sibling libraries when a project needs structural layout primitives or richer interaction-state behavior. +UI Style Kit CSS owns visual identity: themes, semantic `.ui-*` component paint, native HTML styling, and the advanced prefixed class API. It can be used alone, or paired with the sibling libraries when a project needs structural layout primitives or richer interaction-state behavior. ```mermaid flowchart LR @@ -90,37 +90,42 @@ npm install ui-style-kit-css ## Import -Use a single style import for production apps that use one visual system: +Use the generated default bundle for semantic components that can switch across every preset at runtime: ```js -import "ui-style-kit-css/minimal-saas.css"; +import "ui-style-kit-css"; ``` -The existing focused entrypoints retain the v2 structural helpers. New integrations that already own layout should use a focused visual-only entrypoint: +Use `ui-style-kit-css/visual.css` for the same 29-selector semantic runtime API without the deprecated prefixed layout selectors. The generated default, visual, and with-bridge bundles all support all 11 `data-ui` values. + +Applications fixed to one preset can use a generated focused visual entrypoint. It includes semantic aliases scoped to that preset only: ```js import "ui-style-kit-css/visual/minimal-saas.css"; ``` -Use `ui-style-kit-css/visual.css` for runtime preset switching without the deprecated prefixed layout selectors. The exact preset, theme, mode, class, and native-part capability matrix is available from `ui-style-kit-css/manifest.json`. +The exact preset, theme, mode, class, and native-part capability matrix is available from `ui-style-kit-css/manifest.json`. -In `v2.1.0`, legacy standalone style files continue to import the shared color-scheme, native-element fallback, and content-overflow layers. Bundlers that understand CSS `@import` resolve them automatically. If your build pipeline does not resolve CSS imports, import the shared dependencies before the style file: +### Advanced prefixed and raw imports + +The standalone preset exports and longer `styles/*` paths remain advanced compatibility entrypoints. They preserve the prefixed API and do not promise multi-preset semantic switching: ```js -import "ui-style-kit-css/theme-colors.css"; -import "ui-style-kit-css/native-elements.css"; -import "ui-style-kit-css/content-overflow.css"; import "ui-style-kit-css/minimal-saas.css"; +// Equivalent raw source export: +import "ui-style-kit-css/styles/minimal-saas.css"; ``` -The longer `styles/*` paths are also exported: +In `v2.1.0`, legacy standalone style files continue to import the shared color-scheme, native-element fallback, and content-overflow layers. Bundlers that understand CSS `@import` resolve them automatically. If your build pipeline does not resolve CSS imports, import the shared dependencies before the style file: ```js -import "ui-style-kit-css/styles/minimal-saas.css"; -import "ui-style-kit-css/styles/cyberpunk.css"; +import "ui-style-kit-css/theme-colors.css"; +import "ui-style-kit-css/native-elements.css"; +import "ui-style-kit-css/content-overflow.css"; +import "ui-style-kit-css/minimal-saas.css"; ``` -Use the full bundle when users need to switch `data-ui` systems at runtime: +The explicit distribution path is also available for runtime switching: ```js import "ui-style-kit-css/dist/ui-style-kit.css"; @@ -172,15 +177,13 @@ For production, pin the exact approved release rather than relying on `latest`: ```html -
-
-
-

UI Style Kit CSS

-

Switch UI systems, themes, and modes with attributes.

- - -
-
+
+
+

UI Style Kit CSS

+

Switch UI systems, themes, and modes without changing component classes.

+ + +
``` @@ -193,11 +196,11 @@ document.body.dataset.theme = "midnight-gold"; document.body.dataset.mode = "dark"; ``` -## Semantic component API +This changes the semantic components' visual preset without replacing their DOM nodes or rewriting their `.ui-*` classes. -`manifest.json#semanticComponentApi` is the authoritative specification for the additive generic component API. The mapped source suffixes already exist in the composed API for all 11 presets, so generic markup can keep the same class names while `data-ui` changes. +## Semantic component API -This release line currently specifies and validates the contract without adding new semantic CSS declarations. `manifest.json#semanticComponentApi.implementationStatus` records `.ui-spinner` and `.ui-tooltip` as the two retained, already-implemented hooks and the other 27 selectors as pending Task 11. Use the supported prefixed classes for pending components until the semantic implementation ships. +`manifest.json#semanticComponentApi` is the authoritative specification for the implemented generic component API. Its 29 selectors keep the same class names while `data-ui` changes across all 11 presets. `implementationStatus` records the two retained `.ui-spinner` and `.ui-tooltip` hooks, the 27 generated semantic aliases, and an empty pending set. | Role | Generic selectors | Switching coverage | |---|---|---| @@ -232,6 +235,8 @@ Modal and dialog roles deliberately use a neutral native `` fallback. Th Preset-prefixed classes remain supported compatibility and advanced APIs. Partial preset extras, typography and paint utilities, surface/size/placement helpers, shape and accessibility utilities, and the deprecated `page`, `container`, `section`, `grid`, `stack`, `cluster`, and `split` structural aliases remain prefix-bound rather than entering the generic contract. +For example, a fixed Minimal SaaS integration may continue to use ` + Ready + +``` + +Changing only the ancestor `data-ui` value restyles that markup across all 11 presets in the generated default, visual, and with-bridge bundles. A generated `visual/.css` focused entrypoint supplies the same semantic aliases for its selected preset only. Raw `styles/*` and standalone preset exports remain advanced prefixed APIs and do not promise multi-preset semantic switching. + ## UI systems Color schemes are defined once in `styles/theme-colors.css`. Native HTML fallback selectors are defined once in `styles/native-elements.css`. Long-text containment rules are defined once in `styles/content-overflow.css`. Each UI system file imports all shared layers, aliases `--usk-*` RGB roles back to its prefix, and maps `--usk-native-*` tokens into the preset's visual identity. @@ -69,7 +82,7 @@ The bridge inherits from shared `--usk-*` color roles, then applies `.interactiv ## Semantic component contract -The machine-readable source of truth is `manifest.json#semanticComponentApi`. Its 29 generic selectors map only to source suffixes with 11-of-11 composed preset coverage. The `implementationStatus` section records `.ui-spinner` and `.ui-tooltip` as the two retained generic hooks already implemented and the remaining 27 selectors as pending Task 11; this task adds no semantic CSS declarations. +The machine-readable source of truth is `manifest.json#semanticComponentApi`. Its 29 implemented generic selectors map only to source suffixes with 11-of-11 composed preset coverage. The `implementationStatus` section records `.ui-spinner` and `.ui-tooltip` as retained hooks, the other 27 selectors as generated aliases, and no pending selectors. | Role | Generic selector -> current source suffix | |---|---| diff --git a/demo/demo.css b/demo/demo.css index 9e0b686..3aea8cf 100644 --- a/demo/demo.css +++ b/demo/demo.css @@ -107,6 +107,85 @@ min-height: 100vh; } +.demo-semantic-section { + display: grid; + gap: 1.25rem; + width: min(calc(100% - 2rem), 90rem); + margin: 1.5rem auto; +} + +.demo-semantic-heading { + max-width: 72rem; +} + +.demo-semantic-heading > * { + margin-block: 0; +} + +.demo-semantic-heading > * + * { + margin-block-start: .65rem; +} + +.demo-semantic-heading h1 { + font-size: clamp(1.8rem, 4vw, 3.6rem); + line-height: 1.05; + letter-spacing: -.035em; +} + +.demo-semantic-kicker { + font-size: .78rem; + font-weight: 850; + letter-spacing: .11em; + text-transform: uppercase; +} + +.demo-semantic-grid { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 1rem; + align-items: start; +} + +.demo-semantic-grid > .ui-card { + display: grid; + gap: 1rem; + min-width: 0; +} + +.demo-semantic-row { + display: flex; + flex-wrap: wrap; + gap: .75rem; + align-items: center; + min-width: 0; +} + +.demo-semantic-dialog-note { + margin: 0; + overflow-wrap: anywhere; +} + +/* Keep the persistent semantic cards readable without borrowing preset-prefixed layout helpers. */ +@media (max-width: 979.98px) { + .demo-semantic-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + + .demo-semantic-grid > .ui-card:last-child { + grid-column: 1 / -1; + } +} + +@media (max-width: 719.98px) { + .demo-semantic-grid { + grid-template-columns: 1fr; + } + + .demo-semantic-grid > .ui-card:last-child { + grid-column: auto; + } +} + .demo-section-lede { max-width: 72rem; } diff --git a/demo/demo.js b/demo/demo.js index 5c0758c..7255f93 100644 --- a/demo/demo.js +++ b/demo/demo.js @@ -59,7 +59,7 @@ const uiSelect = document.getElementById("uiSelect"); const themeSelect = document.getElementById("themeSelect"); const modeSelect = document.getElementById("modeSelect"); const styleKitStylesheet = document.getElementById("styleKitStylesheet"); -const main = document.getElementById("main"); +const demoContent = document.getElementById("demoContent"); const skip = document.getElementById("skip"); const defaultBundle = styleKitStylesheet.dataset.defaultHref || styleKitStylesheet.getAttribute("href"); const bridgeAwareBundle = @@ -618,7 +618,8 @@ function render() { const activeColorTokens = getActiveColorTokens(); - main.innerHTML = ` + // The prefixed compatibility showcase remains dynamic while the semantic section keeps stable DOM nodes. + demoContent.innerHTML = `
+ + + + + + +
Card
+
+ + + Helpful text +
+ + + + + + Neutral badge + Primary badge + Secondary badge + Success badge + Warning badge + Danger badge + + + + +
+
Cell
+ 50% + + + + Tooltip + Native modal and dialog fallback +